React 19 introduce îmbunătățiri semnificative în modul în care se ocupă de scripturi terțe și extensii de browser în timpul hidratării, oferind o experiență mai ușoară în comparație cu versiunile anterioare. Iată diferențele cheie:
Saltând etichete neașteptate
În React 19, dacă sunt detectate discrepanțe din cauza modificărilor făcute de scripturi sau extensii ale terților, React Sks sks peste etichetele neașteptate în loc să declanșeze erori de re-redare [1] [2]. Această abordare minimizează întreruperile potențiale cauzate de scripturi externe, asigurând o experiență de utilizator mai perfectă.
Păstrarea foilor de stil
Atunci când React trebuie să re-redacteze întregul document din cauza unei nepotriviri de hidratare care nu are legătură cu modificările terților, acum păstrează orice foi de stil care au fost introduse de aceste scripturi [1] [2]. Această îmbunătățire menține integritatea vizuală a aplicației, chiar și atunci când sunt detectate discrepanțe.
Compatibilitate îmbunătățită
React 19 îmbunătățește compatibilitatea hidratantă, sărind peste etichete neașteptate în secțiunile `
` și `Erori reduse
În versiunile anterioare, modificările făcute de scripturile terțe ar putea duce la erori de hidratare, deoarece React ar încerca să reconciliare HTML-ul redat de server cu HTML din partea clientului modificat [2]. React 19 abordează această problemă ignorând aceste modificări în timpul hidratarii, permițând aplicației să funcționeze fără probleme, fără a fi afectată de modificări externe.
Aceste îmbunătățiri ale React 19 sporesc robustetea hidratarii și oferă o experiență de dezvoltare mai netedă prin reducerea frecvenței și impactului erorilor de hidratare legate de interacțiunile terțe.
Citări:[1] https://webdeveloper.beehiiv.com/p/react-19-beta-release-quick-guide
[2] https://www.ghazikhan.in/blog/exploring-whats-new-in-iniact-19
[3] https://www.metizsoft.com/blog/react-19-latest-features-and-p-updates
[4] https://taglineinfotech.com/react-19-pupdate-what-developers-need-to-know/
[5] https://www.kellton.com/kellton-tech-blog/react-19-latest-features-and-p-updates
[6] https://www.geeksforgeeks.org/react-19-new-features-and-pupdates/
[7] https://www.epicweb.dev/tips/whats-coming-in-react-19-beta
[8] https://react.dev/blog/2024/04/25/react-19