Как правильно дробить на компоненты?

Question

[devdev10111]

привет! как вы дробите компоненты в react? заметил, что есть 2 типа компонентов:
1. чистые (называю их UI компоненты) - данные приходят только из пропсов (Button, Banner, Image, Pagination etc)
2. сложные. например, компонент - обертка над Banner, в котором получаем данные из стора и пробрасываем в Banner через пропсы. Другой пример - , который внутри получает посты из стора, маппит чистый компонент , выводит чистый компонент компонент пагинации и содержит в себе стили и логику для обновления постов/удаления выбранного поста и другую логику.

если все их хранить в /components, то получается каша. если дробить на /components/ui и /components/smart (?), то тоже кажется не лучшим решением

Answer 1

[Вадим]

1) "читсые" компоненты не обязательно про ui.
2) олдскульное разделение на containers и components. containers - "умные", они же "сложные" компоненты.

https://habr.com/ru/company/ruvds/blog/446206/

p.s. не существует "правильно". Нет единственно верного пути.