Cum să nu te încurci în dialoguri cu React Router

Dezvoltatorii care au încercat vreodată să integreze ferestre modale cu React Router știu: e ca și cum ai asambla un dulap IKEA fără instrucțiuni – piesele par la locul lor, dar totul iese strâmb și cade. Un articol recent pe Programming Are Hard promite să dezlege acest nod gordian.

Autorul disecă durerea tipică: dialogul se deschide după URL, dar la închidere istoricul browserului o ia razna. Soluția? Starea modalului trebuie ținută în parametrii rutei, nu în starea locală. Astfel, butonul „Înapoi” funcționează corect, iar codul nu devine un spaghete. Sfatul e valabil pentru React Router v6, dar cu trucuri mai puțin cunoscute, cum ar fi useBlocker pentru confirmarea închiderii – o salvare împotriva pierderii accidentale de date.

Comentariul studioului METABYTE: Modulele sunt ca cafeaua: toată lumea le iubește, dar nimeni nu vrea să curețe aparatul. La METABYTE știm cum să facem dialogurile să se deschidă și să se închidă fără lacrimi. Dacă v-ați săturat de soluții improvizate, sunați-ne, punem ordine în rute.