Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Cum se diferă manipularea de scripturi ale terților de către terți 19


Cum se diferă manipularea de scripturi ale terților de către terți 19


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 `` ale documentului [2]. Aceasta înseamnă că, dacă un script terț a introdus elemente care nu se potrivesc cu HTML-ul redat de server, React nu va încerca să reconcilieze aceste diferențe, evitând potențiale erori și perturbări.

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