Структура проекта React (Архитектура приложения React)

Описание

#React #ReactJS

О структуре React приложения, о разных подходах к разделению компонентов в React.

Мы в соцсетях:
? Сайт: https://it-dev-journal.ru
? Telegram: https://t.me/devmagazinechannel
? GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devmagazine

Плейлисты и курсы:
? Все о ReactJS: https://rutube.ru/plst/287142
? Как пройти ReactJS собеседование: https://rutube.ru/plst/287151
? ReactJS хуки: https://rutube.ru/plst/287146
? Redux: https://rutube.ru/plst/287139
? Redux Saga: https://rutube.ru/plst/287145
? Как создать слайдер на ReactJS: https://rutube.ru/plst/287143
? Svelte: https://rutube.ru/plst/287141
? Sass: https://rutube.ru/plst/287144
? GraphQL: https://rutube.ru/plst/287134
? JavaScript: https://rutube.ru/plst/287152

0:00 - Введение
0:28 - О структурах React в целом
1:39 - Два основных подхода структурирования
1:50 - Группировка по функциональности (по маршруту)
2:13 - Группировка по типам файлов
3:13 - Пример структуры с которой можно начать
4:11 - Фрактальная архитектура (Рекурсивная архитектура)
4:51 - Атомарный дизайн
7:52 - index.js в структуре проекта
9:31 - Папка shared components
10:22 - Лэйауты (Layouts)
11:07 - Куда класть тесты?
13:04 - Рефакторинг структуры
14:03 - Куда класть файлы store в React
14:50 - Store c разделением кода
15:11 - Разделение кода (ленивая загрузка)
16:12 - Принципы для хорошей архитектуры

#devmagazine #devmagazinechannel