Новичку бывает очень сложно разобраться в инструментах и паттернах React-разработки. И вместо того, чтобы решать проблему лучшим из возможных способов, усложняют себе жизнь.
Ловите практики, которые нужно освоить в первую очередь, чтобы выработать хороший стиль и быстрее прийти к классному результату ⬇️
✔ Группировка по функциям.
Каталог src — один из двух базовых каталогов в React. В нём находятся файлы App.js и index.js в корне папки. Затем идут вложенные каталоги для каждой функции приложения. Можно организовать больше или меньше каталогов, глубокую вложенность на тестирование, стилизацию, компоненты – всё зависит от того, что ты хочешь реализовать в проекте.
✔ Группировка по типу файлов.
Корневой каталог также src и файлы хранятся в папках App.js и index.js в корне каталога. И только потом каталоги с основными частями приложения: контекст, CSS, хуки, тесты и компоненты.
✔ Компонент-функции..
Вместо классовых компонентов удобнее использовать функциональные. Вообще react-хуки – одно из лучших особенностей библиотеки React и их стоит использовать по полной.
✔ Форматирование кода.
Для этой цели проще использовать автоматические инструменты. Они могут выровнять отступы, обнаружить распространенные ошибки и опечатки ⬇️
▪️ ESlint
▪️ Prettier
✔ Инструменты для отработки форм.
Простая, декларативная обработка форм — цель любого разработчика. Поэтому не видим причин не использовать библиотеки для валидации и обработки ⬇️
▪️ React-hook-form
▪️ Formik
Если информация была полезной, не забудь поставить лайк 👍
#советы_от_methed
