Вступление
Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос.
Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.
Проблемы начинаются, когда проект растёт:
-
Одна модалка нужна в десяти местах интерфейса — и в каждом месте свой
<Modal />с одними и теми же пропсами