Какая лучшая файловая структура для React?

Question

[Nikita Shchypylov]

Всем привет

Когда мы устанавливаем реакт с помощью create-react-app, то получаем уже готовую иерархию. Стоит ли её придерживаться? Если да, то где лучше хранить папки img и css? На одном уровне с public и src?

Comments

[Ranwise]

а вы будете те же css и img обрабатывать галп скриптами?

[Nikita Shchypylov]

Ranwise: о каких галп скриптах идёт речь? На сколько я знаю, он один. Пропишу пути баста

[Ranwise]

к css автопрефиксер\минификатор, к картинкам склейка\сжатие\оптимизация

[Nikita Shchypylov]

Ranwise: не вижу проблем. Хотя, с картинками может быть проблема, но, как по мне, полезность галпа тут не так сильна. Гугл лучше обжимает

Answer 1

[Олег Гамега]

вы все равно многое переделаете и не раз
что то храню в public
многие css храню рядом с компонентом в папке, все зависит от задачи

Comments

[Nikita Shchypylov]

Я думал глобальное, вроде шрифтов, грида, переменных в public, а что к компонентам, то в src

[Олег Гамега]

Nikita Shchypylov: так и делаю, хотя уверен есть экзотические кейсы где лучше как то иначе, я тоже долго думал над тем как же все таки лучше строить структуру проекта чтобы когда то потом не наступить на грабли, пришел к тому что это преждевременная оптимизация со всеми втекающими, что то начинает мешать ? только тогда начинаем исправлять

[Nikita Shchypylov]

Олег Гамега: Согласен, метод проб и ошибок беспроигрышный :)

Answer 2

[Роман Александрович]

я храню на уровне Public. Создал там css img и т.д. и придерживаюсь. Но вам никто не запрещает положить и src.

Comments

[Nikita Shchypylov]

Это будей мой первый эпп на реакте, поэтому спрашиваю с оглядкой на будущее. То есть, у вас public, src, img, css на одном уровне, так?

Answer 3

[Islam Ibakaev]

полгода назад наткнулся на статью

Comments

[Nikita Shchypylov]

Видал её, но она уходит от структуры, которую задаёт create-react-app

[Islam Ibakaev]

Nikita Shchypylov: create-react-app задаёт базовую структуру, от которой вы всё равно уйдёте, если приложение более-менее сложное.