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

Question

[Barring]

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

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



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

Answer 1

[n1ksON]

Такой подход используется чаще всего:

1. components – большие компоненты, такие как карточки, фильтры и т.д., которые крайне редко переиспользуются
   
2. elements – мелкие компоненты, такие как Button, Input или обертки бутстрапов/UI библиотек, чтобы в дальнейшем их переиспользовать
   
3. pages – сами страницы
   
4. store – место для редьюсеров, экшенов и саг
   
5. utils – место для переиспользуемых фукнций, констант, своих эффектов и т.д
   

Answer 2

[Yupiter7575]

domain (
index.html
.htaccess
styles ()
js ()
includes ()
pages (
    notfound (index.html)
    thanks (index.html)
    blog (index.html)
    ...
)
...
)

Answer 3

[Nikolay Matyushkin]

Мне нравится эдакий модульный подход, в котором мы имеем папки с общим содержимым. А так же папки с содержимым касающимся определённых страниц.

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

и т.д. вобщем