этот вопрос у меня относится к удобству чтения кода и просмотра сайта другими пользователями, чтобы они удостоверились в разработке на React.
От такого способа не будет видно, что применялся Реакт?
const Icon = ({title, href, active}) => {
const className = active ? 'active' : '';
return (
<Link href={href} className={`svgh m-auto ${className}`}>
{/* svg */}
</Link>
);
}
'use client'
import React, {useState, useEffect} from 'react';
import Icon from './icons/Icon';
const links = [
{href: '#home_anchor', svgIcon: 'home'},
{href: '#user_anchor', svgIcon: 'user'}
// others
];
const Navbar = () => {
const [activeLink, setActiveLink] = useState('');
useEffect(() => {
const handleScroll = () => {
// logic scroll
}
// add anchor
window.addEventListener('scroll', handleScroll);
// remove anchor from unmount
return () => window.removeEventListener('scroll', handleScroll)
}, []);
return (
<nav className="flex flex-col fixed bg-gray-800 align-center">
{links.map((l) => (
<Icon href={l.href} key={l.svgIcon} title={l.svgIcon} active={activeLink === l.href}/>
))}
</nav>
);
}
<section>
<div ref={tables} className={style.tableWrapper}>
{isLoading ? createTable(currentTable) : createTable(table)}
</div>
</section>
try {
const res = await axios.post(
'https://jsonplaceholder.typicode.com/posts',
JSON.stringify(sendData),
{
headers: {'Content-Type': 'application/json'}
}
);
console.log(res.data);
} catch (error) {
console.error('Error: ', error);
}
а менять его неправильно. так как бы временный
Можно ли удалить файл theme.min.css из dev сборки?
Если я правильно понимаю работу Next.js: компоненты без состояния рендерятся на сервере и могут индексироваться поисковыми роботами
А с состоянием - на стороне клиента, и роботы их не видят.
Однако в компоненте самой страницы ArticlePage у меня в любом случае будет использование useState. Значит ли это, что вся страница будет отрисовываться на клиенте?
И что поисковые роботы обойдут контент страницы стороной?
P.S. Вопрос, возможно, глупый, но я правда не понимаю...
Но это все текст с кучей отдельных элементов. Неужели каждый элемент вручную с помощью % нужно высчитывать и рисовать?
Нормально если первый стейт менеджер для react который я буду учить — будет mobx, а не Redux?
Нормально ли будет если в резюме есть mobx вместо redux?
Есть ли смысл ее читать или она уже не актуальна? Она 2022 года выпуска
Или лучше офиц. доку?