> Кто вам такое сказал?
Авторы Redux
return <button className={getShouldShowBtn() ? '' : 'is-hide'}>lioih </button>};
let counter = 0;
const Dirty = () => <div>{counter++}</div>;
Смотрите, ведь нет никаких Class, ведь это "синтаксический сахар" - в конце-то одно получается, что вызвать
function CC() {
React.Component.apply(this, arguments); // получаем props, refs, context, updater
}
CC.prototype = Object.create(React.Component.prototype); // получаем setState и forceUpdate
CC.prototype.componentDidMount = function() {
alert('hi');
}
CC.prototype.render = function() {
return React.createElement('div', null, 'I\'m CC');
}
И, естественно, получается, что в объекте при вызове метода render мы можем сравнивать что-то с предыдущим "чем-то" (состоянием, свойствами, ещё чем), а в случае чистой функции мы ничего подобного не имеем - правильно?
И получается, что оборачивая FC в Styled мы теряем все прелести FC - или нет?
<React.Fragment>
{/* ... */}
</React.Fragment>
1. React это инструмент для разработки web приложений, а не инструмент облегчающий верстку. Задачи по верстке на фрилансе скорей всего не будут связаны с React.
2. Если хотите научиться хорошо верстать, то осваивайте в первую очередь верстку.
3. Пробиться верстальщиком-новичком во фриланс затея так себе. Лучше поработать год-два в офисе.
Я бы на вашем месте развивался в сторону фронтенд разработчика React/Vue/Angulrar тут и зарплаты больше и проекты интересней, но тут тоже надо уметь верстать, так что версту изучайте обязательно.