Менеджер модалок по Featute-Sliced Design
Обсудим зачем вообще нужен менеджер модальных окон (диалоговых окон) и как его реализовать согласно архитектурной методологии Feature-Sliced Design. Покажу схему реализации и лайвкодинг с примером на тестовом проекте. 00:00 Зачем нужен менеджер диалоговых окон 01:14 Проектируем 09:54 Пишем код 12:23 Реализуем стор 14:55 Реализуем хук useDialog 16:28 Реализуем провайдер 21:34 Тестируем 25:43 Переносим LoginForm в диалоговое окно 32:45 Заключение - Плейлист со всеми уроками по FSD: https://www.youtube.com/playlist?list=PLKQoMoMLZQN5p0OChSvHFHauEvnTFugbO - Мой телеграм канал про Frontend с анонсами: https://t.me/amorgunov - Репозиторий с исходным кодом: https://github.com/noveogroup-amorgunov/fsd-lessons/tree/main/packages/react-with-dialog-manager - Ишью в reatom на счет типизации экшенов: https://github.com/reatom/reatom/issues/1112 #fsd, #feature-sliced-design, #react, #modal-manager, #modals-manager, #dialog-manager, #фронтенд #архитектура, #паттерны
Обсудим зачем вообще нужен менеджер модальных окон (диалоговых окон) и как его реализовать согласно архитектурной методологии Feature-Sliced Design. Покажу схему реализации и лайвкодинг с примером на тестовом проекте. 00:00 Зачем нужен менеджер диалоговых окон 01:14 Проектируем 09:54 Пишем код 12:23 Реализуем стор 14:55 Реализуем хук useDialog 16:28 Реализуем провайдер 21:34 Тестируем 25:43 Переносим LoginForm в диалоговое окно 32:45 Заключение - Плейлист со всеми уроками по FSD: https://www.youtube.com/playlist?list=PLKQoMoMLZQN5p0OChSvHFHauEvnTFugbO - Мой телеграм канал про Frontend с анонсами: https://t.me/amorgunov - Репозиторий с исходным кодом: https://github.com/noveogroup-amorgunov/fsd-lessons/tree/main/packages/react-with-dialog-manager - Ишью в reatom на счет типизации экшенов: https://github.com/reatom/reatom/issues/1112 #fsd, #feature-sliced-design, #react, #modal-manager, #modals-manager, #dialog-manager, #фронтенд #архитектура, #паттерны