Size: a a a

Atomic Design && Feature Slices

2020 October 10

🦜

🦜 in Atomic Design && Feature Slices
в некоторых наборах уже есть молекулы
источник

B

Baby Programmer in Atomic Design && Feature Slices
Спасибо
источник
2020 October 12

К

Камиль in Atomic Design && Feature Slices
Друзья, всем привет. Застрял, очень нужен совет, надеюсь на вас.
Есть MainTemplate, от которого наследуется AuthTemplate. Есть страница LoginPage, которая реализует AuthTemplate.
В MainTemplate должны отображаться Header и Footer (набор молекул, т.е организмы).
Чтобы отобразить этот Header и Footer, приходится на каждой странице передавать их через пропсы, да еще через 2 уровня (пример: со страницы LoginPage передаю пропсами в AuthTemplate, а тот в MainTemplate).
Правильно ли это, или лучше импортировать их сразу в MainTemplate? Как бы вы сделали? Передача Header и Footer аж через 2 уровня (сначала в AuthTemplate, а затем в MainTemplate) на каждой странице, реализующей AuthTemplate немного смущает. Скрины на всякий случай приложил.
источник

К

Камиль in Atomic Design && Feature Slices
источник

К

Камиль in Atomic Design && Feature Slices
источник

К

Камиль in Atomic Design && Feature Slices
источник

IA

Ilya Agarkov in Atomic Design && Feature Slices
Если какая то комбинация пропсов часто повторяется то можно создать ещё один компонент с «забиндинными» значениями
источник

К

Камиль in Atomic Design && Feature Slices
Ilya Agarkov
Если какая то комбинация пропсов часто повторяется то можно создать ещё один компонент с «забиндинными» значениями
Кажется понял, так действительно будет лучше, спасибо большое за ответ
источник
2020 October 14

B

Baby Programmer in Atomic Design && Feature Slices
У меня есть molecules-> ListItem,  где есть перехватчик itemClick в Props.
Есть organisms -> TodoList, вызывается ListItem
Есть templates-> TodoTemp, вызывается TodoList

Каждый раз когда я пробрасываю вверх molecules-> ListItem, я должен пробрасывать вверх и обработчик во всех местах где вызываю его?
источник

D

Dmitry in Atomic Design && Feature Slices
Можно ли импортировать что-то из фич в ui?
источник

OR

Oleg Rizhkov in Atomic Design && Feature Slices
Dmitry
Можно ли импортировать что-то из фич в ui?
А что за кейс такой?
источник

D

Dmitry in Atomic Design && Feature Slices
Oleg Rizhkov
А что за кейс такой?
Есть организм фильтр в ui (пагинация, форма, кнопки).

Так вот решил я блок пагинации из ui обернуть контейнером в features, чтобы там делать все вычисления и передать в ui только лишь один массив. Но фильтр у меня только в UI описан, планирую и его обернуть контейнером
источник

D

Dmitry in Atomic Design && Feature Slices
Надеюсь понятно описал
источник

OR

Oleg Rizhkov in Atomic Design && Feature Slices
Dmitry
Есть организм фильтр в ui (пагинация, форма, кнопки).

Так вот решил я блок пагинации из ui обернуть контейнером в features, чтобы там делать все вычисления и передать в ui только лишь один массив. Но фильтр у меня только в UI описан, планирую и его обернуть контейнером
В конце уже не понял)
источник

🦜

🦜 in Atomic Design && Feature Slices
Камиль
div id main ? можешь лучше main?
источник

OR

Oleg Rizhkov in Atomic Design && Feature Slices
Dmitry
Можно ли импортировать что-то из фич в ui?
Короткий ответ - нет.
источник

🦜

🦜 in Atomic Design && Feature Slices
Baby Programmer
У меня есть molecules-> ListItem,  где есть перехватчик itemClick в Props.
Есть organisms -> TodoList, вызывается ListItem
Есть templates-> TodoTemp, вызывается TodoList

Каждый раз когда я пробрасываю вверх molecules-> ListItem, я должен пробрасывать вверх и обработчик во всех местах где вызываю его?
на лист айтем не надо вешать обработчик. Используй всплытие
источник

OR

Oleg Rizhkov in Atomic Design && Feature Slices
Dmitry
Есть организм фильтр в ui (пагинация, форма, кнопки).

Так вот решил я блок пагинации из ui обернуть контейнером в features, чтобы там делать все вычисления и передать в ui только лишь один массив. Но фильтр у меня только в UI описан, планирую и его обернуть контейнером
Если эти вычисления общие, завязанные на ui компоненте - там оставляй. Если фичные - оборочивай в фиче.
источник

D

Dmitry in Atomic Design && Feature Slices
Oleg Rizhkov
Если эти вычисления общие, завязанные на ui компоненте - там оставляй. Если фичные - оборочивай в фиче.
А как быть если в компоненте происходят фичные вычисления, но этот компонент является частью ui организма?

То есть нужно будет этому ui организму передавать вычисленные данные, а он уже нужному компоненту?
источник

OR

Oleg Rizhkov in Atomic Design && Feature Slices
Dmitry
А как быть если в компоненте происходят фичные вычисления, но этот компонент является частью ui организма?

То есть нужно будет этому ui организму передавать вычисленные данные, а он уже нужному компоненту?
Значит, это UI фичи)
источник