Подскажите, как в реакт проекте лучше разбить папку component? хочу

Question

React — русскоговорящее сообщество

Donatello Cake

Подскажите, как в реакт проекте лучше разбить папку component? хочу

разделить на ui и логику, но че-то застопорился.

может у кого есть хороший пример структуры проекта? 😁

#frontend #javascript #programming #react.js #russian

0

22.02.2022

16 ответов

13 просмотров

anatoliy turkin

https://feature-sliced.design/

0

22.02.2022

Donatello Cake Автор вопроса

anatoliy turkin
https://feature-sliced.design/

может ты мог бы поделиться рабочим примером?)) "Архитектурная методология для фронтенд проектов" - это пока overkill для меня) меня только интересует, как разделяют обычно папку components

0

22.02.2022

Alexey Shevchenko

anatoliy turkin
https://feature-sliced.design/

потенциально помойное ведро, перемудрёное имхо которое хоть и юзает яндекс но БЭМ тоже яндекс придумал, где сейчас бэм?)

0

22.02.2022

anatoliy turkin

Alexey Shevchenko
потенциально помойное ведро, перемудрёное имхо кот...

аргументы? что лучше тогда?

0

22.02.2022

anatoliy turkin

Donatello Cake
может ты мог бы поделиться рабочим примером?)) "Ар...

там есть примеры и даже с кодом https://feature-sliced.design/examples Но если хочешь по простому, то pages <- компоненты на которые ссылается роутер components <- фичи твои ui <- переиспользуемая логика models store <- стейт

0

22.02.2022

anatoliy turkin

Alexey Shevchenko
потенциально помойное ведро, перемудрёное имхо кот...

БЭМ перестал быть актуальным в СПА, ибо появились другие средства изоляции стилей аля модули и css in js, а не потому-что он плох

0

22.02.2022

Donatello Cake Автор вопроса

anatoliy turkin
там есть примеры и даже с кодом https://feature-sl...

спасибо!

0

22.02.2022

Vetro

Alexey Shevchenko
потенциально помойное ведро, перемудрёное имхо кот...

Для маленьких - перемудреное. Для больших - жизненная необходимость))

0

22.02.2022

Alexey Shevchenko

Vetro
Для маленьких - перемудреное. Для больших - жизнен...

мы в компании просто делали как получается, я сидел даже на проекте где использовали атомную архитектуру (говно, имхо) самое пока лучшее это pages components и материал ui в папке theme

0

22.02.2022

Vetro

Alexey Shevchenko
мы в компании просто делали как получается, я сиде...

Значит не большой, раз вам хватало Components

0

22.02.2022

anatoliy turkin

Alexey Shevchenko
мы в компании просто делали как получается, я сиде...

Ну если мы говорим про работу над сервисами долгоживущими, то такой подход плох На счет атомная ахр то да, самому не нрав Но feature-sliced это очень крутая вещь для крупных проектов, над которым работают много команд

0

22.02.2022

Donatello Cake Автор вопроса

Alexey Shevchenko
мы в компании просто делали как получается, я сиде...

ну а как вы ui-ные компоненты отделяете от компонентов с морем логики?

0

22.02.2022

Donatello Cake Автор вопроса

а не тупой компонент куда?)

0

22.02.2022

Alexey Shevchenko

Donatello Cake
а не тупой компонент куда?)

а зачем его вообще выделять? чтобы проще был поиск компонентов? находишь проблемное место и идешь по иерархии компонентов, вай нот

0

22.02.2022

Drew Naumenko

Donatello Cake
ну а как вы ui-ные компоненты отделяете от компоне...

я банально где нужно в 2- ух или больше компонентах вызывать одно и тоже автматом в ui ложу, короче вся переиспользуемaя чехарда не знаю насколько правильно

0

22.02.2022

Bohdan Bida 🇺🇦 · Accepted Answer

Bohdan Bida 🇺🇦

Папка имя компонента - компонент.tsx - компонент стили Бизнес логика в redux saga, запросы и вообще слой работы с АПИ в rtk query

0

22.02.2022

169 похожих чатов

Подскажите, как в реакт проекте лучше разбить папку component? хочу

16 ответов

Похожие вопросы