@webe
frontend

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

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

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

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

мой вариант:

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

Или лучше Phone Cart Logo не вносить так глубоко, а положить в Components? (тут правда косяк, зачем класть в Components, если мы используем эти комопннеты толкьо в шапке)
  • Вопрос задан
  • 3177 просмотров
Решения вопроса 1
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании
В components/header + вложенность, все как вы описали в вопросе.

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

так же разные подходы по организации были у людей, выполнивших второе тестовое задание (видео и текст). В комментах у видео есть репозитории, можете ознакомиться.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
EaGames
@EaGames
Front-end developer
Внутри папки Header создаем папки:
1) Phone
2) Cart
3) Logo

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

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

Встречал и такое:
5b2c93bf65397849524993.png
Вполне понятно
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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