Size: a a a

Atomic Design for React

2020 July 23

DZ

Dmitry Zherebko in Atomic Design for React
кинь имплементацию юз модал?
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Zherebko
а где у тебя стейт находится?
в контексте
источник

c⁣

createStore<🦉>... in Atomic Design for React
YouTube
Tver.io State Management Talks
"Наденьте на хеллоуин костюм shared mutable state и вы напугаете кучу фронтедеров!"

Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разберем на Tver.io State Management Talks.

# Программа

Участники:

- Сергей Сова — Frontend Lead, Architect в REDMADROBOT, developer advocate и контрибьютор библиотеки Effector
(https://twitter.com/_sergeysova)
- Павел Черторогов — архитектор информационных систем в ps.kz,
GraphQL-ниндзя, автор библиотеки graphql-compose
(https://twitter.com/nodkz)
- Артём Арутюнян — техлид в Калуга Астрал, автор Reatom
(https://twitter.com/artalar_dev)
- Павел Малышев — сооснователь Mustlab, популяризатор и эксперт Svelte
(https://twitter.com/PaulMaly)
- Александр Шушунов, модератор и ведущий дискуссии
(https://twitter.com/AShushunov)

Список тем:

- Зачем нужны стейт-менеджеры?
- Что за стейт хранится в стейт-менеджерах?
- Какая логика должна быть описана в стейт-менеджерах?
- Если мы описываем логику в стейт-менеджере, то она зависит…
источник

c⁣

createStore<🦉>... in Atomic Design for React
ща
источник

IA

Ilya Agarkov in Atomic Design for React
@sovasergey а ты на сриме сказал “НАШ проползал, который вроде как двигается” (по поводу нативных инстументов для реативности).  Вы какой-то прополаз сами двигаете? Или ты про те observalbe которые уже давно обещают?
источник

c⁣

createStore<🦉>... in Atomic Design for React
Ilya Agarkov
@sovasergey а ты на сриме сказал “НАШ проползал, который вроде как двигается” (по поводу нативных инстументов для реативности).  Вы какой-то прополаз сами двигаете? Или ты про те observalbe которые уже давно обещают?
Это я так оговорился)
источник

FT

Frontend Priest Tony in Atomic Design for React
Ilya Agarkov
@sovasergey а ты на сриме сказал “НАШ проползал, который вроде как двигается” (по поводу нативных инстументов для реативности).  Вы какой-то прополаз сами двигаете? Или ты про те observalbe которые уже давно обещают?
Мы = фронтенд-заводчане
источник
2020 July 29

BA

Bogdan Aleksandrovic... in Atomic Design for React
createStore<🦉> ⁣
const [Modal, { open, close }] = useModal()
вот когда я вот точно так же предлагал, все кричали, что хук не должен возвращать компонент
источник

K

KaufD 🐈 in Atomic Design for React
Вот, кстати, к вопросу о разделении страниц и фич
на странице несколько крупных блоков: фильтры, график фильтрованных данных, таблица фильтрованных данных
на разных страницах - разные фильтры с разной логикой...

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

при этом реально переиспользуемых фич раз-два и обчелся...
источник

c⁣

createStore<🦉>... in Atomic Design for React
KaufD 🐈
Вот, кстати, к вопросу о разделении страниц и фич
на странице несколько крупных блоков: фильтры, график фильтрованных данных, таблица фильтрованных данных
на разных страницах - разные фильтры с разной логикой...

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

при этом реально переиспользуемых фич раз-два и обчелся...
Обобщить все фильтры в одну фичу. На страницах по разному их конфигурировать
источник

BA

Bogdan Aleksandrovic... in Atomic Design for React
если фильтры различаются, тогда компонент конструктор будет как какашка, даже не ясно, что в итоге лучше
источник

c⁣

createStore<🦉>... in Atomic Design for React
Bogdan Aleksandrovich
если фильтры различаются, тогда компонент конструктор будет как какашка, даже не ясно, что в итоге лучше
Это не будет один компонент
источник

c⁣

createStore<🦉>... in Atomic Design for React
Суть обобщения в том, чтобы дать несколько небольших компонентов, из которых можно собрать все, что нужно
источник

BA

Bogdan Aleksandrovic... in Atomic Design for React
а, это фича , а в ней компоненты - фильтры?
источник

BA

Bogdan Aleksandrovic... in Atomic Design for React
ну короче это лучше, чем один делать, мы один сделали и в итоге все в жопу превратилось
источник

K

KaufD 🐈 in Atomic Design for React
а как бороться с портянками тех же селекторов? так как разные фильтры имеют совершенно разную логику и результаты
источник

🦜

🦜 in Atomic Design for React
KaufD 🐈
а как бороться с портянками тех же селекторов? так как разные фильтры имеют совершенно разную логику и результаты
не использовать редакс
источник

K

KaufD 🐈 in Atomic Design for React
🦜
не использовать редакс
таково требование, после эффектора вообще больно, но увы...
источник

🦜

🦜 in Atomic Design for React
страдать значит, никто не обещал, что примитивной концепцией будет просто пользоваться. Не хочешь чтобы были ререндеры — умирай в реселекте
источник

K

KaufD 🐈 in Atomic Design for React
ну вынеся каждый блок фильтров в отдельную фичу, становится проще
но фичи теряют главный смысл - реюзабельность
источник