Организация папок в React проекте - itgirlschool/wiki GitHub Wiki
В данной статье хочу поделиться тем, как можно организовать папки в проекте. Статья основана на данном youtube-видео. Ознакомьтесь со всеми вариантами и составьте свою структуру проекта!
Статья разделена на 3 уровня: Начинающий (Beginner) -Средний уровень (Intermediate) - Продвинутый (Advanced)
Для начинающего рекомендуется следующая организация папок:
- Во-первых, удаляем ненужные для начинающего файлы: App.test.js, setupTests.js, index.css, logo.svg
- Затем убираем удаленные файлы из импортов в index.js и App.js
- Создаем папки components и styles
- Перемещаем App.css в styles
- Готово!
Для среднего уровня рекомендуется следующая организация папок:
В папке assets:
А в папке pages будут еще отдельные папки, в которых уже будет jsx файл и css (scss)
Для высокого уровня рекомендуется следующая организация папок:
