Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Менеджер модалок по Featute-Sliced Design

Автор: AM | О разработке

Загружено: 2025-06-15

Просмотров: 683

Описание:

Обсудим зачем вообще нужен менеджер модальных окон (диалоговых окон) и как его реализовать согласно архитектурной методологии Feature-Sliced Design. Покажу схему реализации и лайвкодинг с примером на тестовом проекте.

00:00 Зачем нужен менеджер диалоговых окон
01:14 Проектируем
09:54 Пишем код
12:23 Реализуем стор
14:55 Реализуем хук useDialog
16:28 Реализуем провайдер
21:34 Тестируем
25:43 Переносим LoginForm в диалоговое окно
32:45 Заключение

Плейлист со всеми уроками по FSD:    • Уроки по Feature-Sliced Design | FSD  
Мой телеграм канал про Frontend с анонсами: https://t.me/amorgunov
Репозиторий с исходным кодом: https://github.com/noveogroup-amorgun...
Ишью в reatom на счет типизации экшенов: https://github.com/reatom/reatom/issu...

#fsd, #feature-sliced-design, #react, #modal-manager, #modals-manager, #dialog-manager, #фронтенд #архитектура, #паттерны

Менеджер модалок по Featute-Sliced Design

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6141 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "H_rJ0zB8rqc" ["related_video_title"]=> string(91) "Александр Моргунов — Разбираемся в Feature-Sliced Design" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(80) "HolyJS — конференция для JavaScript‑разработчиков" } [1]=> object(stdClass)#6114 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "jI2ds98dnRA" ["related_video_title"]=> string(59) "Сервис фич-флагов по Feature-Sliced Design" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(28) "AM | О разработке" } [2]=> object(stdClass)#6139 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "xLCRfYOoYI4" ["related_video_title"]=> string(66) "RAG Chatbot to Chat With Any PDF | Developed by Utsav at Analytx4t" ["posted_time"]=> string(19) "2 дня назад" ["channelName"]=> string(13) "analytx4t lab" } [3]=> object(stdClass)#6146 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "eKYHmdY8ikw" ["related_video_title"]=> string(88) "NetBird. Доступ домой без открытия портов и белого ip" ["posted_time"]=> string(21) "5 дней назад" ["channelName"]=> string(11) "samohosting" } [4]=> object(stdClass)#6125 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "usNJrpWb7w8" ["related_video_title"]=> string(111) "Знакомство с WebSocket - от концепции до старта #программирование" ["posted_time"]=> string(21) "5 дней назад" ["channelName"]=> string(33) "Михаил Непомнящий" } [5]=> object(stdClass)#6143 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "YAvDjQBlkec" ["related_video_title"]=> string(153) "Нотация C4: зачем и как использовать для описания архитектуры информационных систем" ["posted_time"]=> string(19) "2 дня назад" ["channelName"]=> string(27) "Виктор Луферов" } [6]=> object(stdClass)#6138 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "hElBpt9aKtM" ["related_video_title"]=> string(104) "Чем полезны Type Declarations в вашем TypeScript проекте? (ТОП 5 кейсов)" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(28) "AM | О разработке" } [7]=> object(stdClass)#6148 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "k1WJQJ--VgQ" ["related_video_title"]=> string(75) "Темная тема приложения по Feature Sliced Design | FSD" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(28) "AM | О разработке" } [8]=> object(stdClass)#6124 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "iyrnPNBWIQ4" ["related_video_title"]=> string(161) "«Жить надо сегодня». Олег Тиньков и Майкл Калви о взлете нового финтех-стартапа Plata" ["posted_time"]=> string(22) "22 часа назад" ["channelName"]=> string(28) "Это Осетинская!" } [9]=> object(stdClass)#6142 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "SqcY0GlETPk" ["related_video_title"]=> string(53) "Учебник по React для начинающих" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(21) "Programming with Mosh" } }
Александр Моргунов — Разбираемся в Feature-Sliced Design

Александр Моргунов — Разбираемся в Feature-Sliced Design

Сервис фич-флагов по Feature-Sliced Design

Сервис фич-флагов по Feature-Sliced Design

RAG Chatbot to Chat With Any PDF | Developed by Utsav at Analytx4t

RAG Chatbot to Chat With Any PDF | Developed by Utsav at Analytx4t

NetBird. Доступ домой без открытия портов и белого ip

NetBird. Доступ домой без открытия портов и белого ip

Знакомство с WebSocket - от концепции до старта #программирование

Знакомство с WebSocket - от концепции до старта #программирование

Нотация C4: зачем и как использовать для описания архитектуры информационных систем

Нотация C4: зачем и как использовать для описания архитектуры информационных систем

Чем полезны Type Declarations в вашем TypeScript проекте? (ТОП 5 кейсов)

Чем полезны Type Declarations в вашем TypeScript проекте? (ТОП 5 кейсов)

Темная тема приложения по Feature Sliced Design | FSD

Темная тема приложения по Feature Sliced Design | FSD

«Жить надо сегодня». Олег Тиньков и Майкл Калви о взлете нового финтех-стартапа Plata

«Жить надо сегодня». Олег Тиньков и Майкл Калви о взлете нового финтех-стартапа Plata

Учебник по React для начинающих

Учебник по React для начинающих

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]