Структура проекта на React?

Question

[webe]

Вот допустим этот проект:
https://github.com/Rhymond/product-compare-react/t...

Представьте что нужно создать шапку в проекте, а в шапке у нас будет телефон, различные виджеты для звонков и кнопка корзины., т..е куча всгео

Куда бы вы вставили компоеннт шапки и все что нужно для него?

мой вариант:

В Components создаем папку Header
Внутри папки Header создаем папки:
1) Phone
2) Cart
3) Logo

Или лучше Phone Cart Logo не вносить так глубоко, а положить в Components? (тут правда косяк, зачем класть в Components, если мы используем эти комопннеты толкьо в шапке)

Comments

[tyzberd]

вот не плохой подхо, как мне кажется https://medium.com/@alexmngn/how-to-better-organiz...

Answer 1

[Максим]

В components/header + вложенность, все как вы описали в вопросе.

Есть разные подходы к организации структуры, мне нравится подход по фичам (посложнее) или тупо деление на контейнеры/компоненты и все (полегче, но свалка, подходит для начала изучения).

так же разные подходы по организации были у людей, выполнивших второе тестовое задание (видео и текст). В комментах у видео есть репозитории, можете ознакомиться.

Answer 2

[Sergiu Mitu]

Внутри папки Header создаем папки:
1) Phone
2) Cart
3) Logo

только внутри Header можно создавать сразу компоненты 1,3 так как по названию там что-то очень простое и в папке не нуждается.
Cart возможно нужно будет разделить на CartDropdown итд, по этому помещаем в папку.

Но это всё чисто субъективно, каждый делает по своему.

Встречал и такое:

Вполне понятно