Рефакторинг React.FC компонентов

хуки: существуют*
разрабочики: аааааа это тоже самое что и раньше, только не class а function и опускаем this

Иногда мне кажется что именно так, плюс-минус, некоторые разработчики видят использование хуков, но они упускают САМОЕ ВАЖНОЕ ДОСТОИНСТВО хуков: возможность написание компонента в декларативном стиле!

Благодаря хукам вы можете разделить компонент на три части:

1. Переменные
2. JSX
3. Логика

ДО

ПОСЛЕ:

useEffect заиграл новыми красками

Вау! Можно легко прочитать какие события происходят при изменении каких данных.

Сортировка функций и быстрый поиск нужной

Так как у вас логика теперь находится в одном месте, вы с командой можете обкашлить в каком порядке будут выстраиваться функции, например:

1. Функции для useEffect
2. Функции для useMemo
3. Функции для построения данных
4. Прочие

Const vs function

Тяжело читать код когда пишут не функцию, а const и в нее сохраняют стрелочную функцию! Из-за этого взглядом приходится прослеживать, а не map ли это? Значит это будет не переменная с функцией, а переменная с данными!