@Barring

Как удобно структурировать папки в проекте?

Понимаю что тут уже по большей мере личное удобство каждого, но всё же не могу прийти к какой-то более менее однотипной структуре папок.

Допустим, следующая ситуация в которой есть папка со страницами сайта. Папки "NotFound" и "Thanks" это компоненты, а "blog" и "portfolio" - папки содержащие страницы связанные с блогом и портфолио соответственно.
И вроде как и всё окей, но по итогу выглядит всё весьма намешано, сначала идёт компонент, потом папка с компонентами, потом опять просто компонент и тд.

ynAsQr6.png

Пока вариант, который пришёл в голову - это папки с множеством компонентов внутри - именовать, начиная с "_", дабы они прыгали вверх по алфавиту и чётко выделялись. Возможно есть какие-то иные удобные вариант организации структуры?

7A4yWr7.png
  • Вопрос задан
  • 96 просмотров
Пригласить эксперта
Ответы на вопрос 3
@n1ksON
Интерн
Такой подход используется чаще всего:
  1. components – большие компоненты, такие как карточки, фильтры и т.д., которые крайне редко переиспользуются
  2. elements – мелкие компоненты, такие как Button, Input или обертки бутстрапов/UI библиотек, чтобы в дальнейшем их переиспользовать
  3. pages – сами страницы
  4. store – место для редьюсеров, экшенов и саг
  5. utils – место для переиспользуемых фукнций, констант, своих эффектов и т.д
Ответ написан
yupiter7575
@yupiter7575
Python программист
domain (
index.html
.htaccess
styles ()
js ()
includes ()
pages (
    notfound (index.html)
    thanks (index.html)
    blog (index.html)
    ...
)
...
)
Ответ написан
Devilz_1
@Devilz_1
Мне нравится эдакий модульный подход, в котором мы имеем папки с общим содержимым. А так же папки с содержимым касающимся определённых страниц.

---src
---------На этом уровне мы держим то, что используется/переиспользуется по всему проекту------
---------components (папка для общих компонентов)
---------img (папка для изображений)
---------css (папка для общих стилей, миксинов, стилей-ресетов, переменных)
---------actions (папка для общих экшенов, которые могут тригерятся на разных страницах)
---------reducers (папка для общих редьюсеров, как и с экшенами вобщем)
---------pages (папка для страниц ресурса)
---------------home (папка для стартовой страницы)
---------------------components (папка для компонентов, которые точно будут использоваться только на текущей странице)
---------------------styles (папка для стилей касающихся только данной страницы)
---------------------reducers, actions, sagas, constants, utils (все эти папки можно создать при условии, что в них будет содержимое касающееся только данной страницы)
---------------contacts (папка для страницы с контактами)
---------------------components (папка для компонентов, которые точно будут использоваться только на текущей странице)
---------------------styles (папка для стилей касающихся только данной страницы)
---------------------reducers, actions, constants, utils (все эти папки можно создать при условии, что в них будет содержимое касающееся только данной страницы)

и т.д. вобщем
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы