Jak zaplanować system modali do wielokrotnego wykorzystania.

Question

Hej stoję przed problemem stworzenia systemu otwierania okienek. Projekt pisze w React + Redux jednak trafiłem na pewien problem. Mam kilka okienek które można otwierać z poziomu różnych komponentów. Aby zrealizować takie okienka zrobiłem w redux state który przetrzymuje tablice modali w którym zapisuje propsy dla modali oraz ich "typ" po którym określam jaką treść dokładnie wyświetlić.  Komponenty które chcą wyświetlić modal robią dispatch z danymi potrzebnymi do otwarcia modala i modal się pokazuje.

Obecnie mam problem z obsługą zdarzeń z modala. Zastanawiam się jak to wykonać. Po wykonaniu niektórych operacji komponent który wywołał modal powinien otrzymać od modala informacje co użytkownik kliknął w modalu. Jednak nie wiem jak to najlepiej rozwiązać.

Mógłbym w dispatch`u otwierającym modala przesłać jakiegoś callbacka jednak nie przemawia do mnie to rozwiązanie ponieważ nie chciał bym przetrzymywać w redux funkcji i innych danych niemożliwych to serializacji.

Zastanawiam się nad stworzeniem jakiegoś osobnego systemu eventów, lub nad zaprogramowanie własnego connecta reagujacego na dispatch eventów, a nie tylko na stan aplikacji. Jednak też nie jestem przekonany czy będzie to lepsze podejście. Może znajdzie się jakieś 3 rozwiązanie? ;)

Answer 1

Jeżeli chcesz planować poszczególne projekty to użyj Event Stormingu.

Comments

Nie chce planować całego projektu tylko architekture jednej częsci systemu. Brakuje mi sposobu implementacji a nie podziału.

---

Kilka razy tworzyłem coś w stylu okienek w JavaScript i C++, chodzi o okna które można przesuwać i zamykać/minimalizować jak w Windows?

---

Chodzi o zarządzanie wieloma takimi okienkami. Z tym ze nie potrzebuje prezeciągania / minimalizowania. Potrzebuje jedynie wyświetlić ich kilka na sobie. No i potrzebuje podejścia które będzie pasowało koncepcyjnie do React.