V React 19 se je ravnanje s nepričakovanimi oznakami med hidracijo bistveno izboljšalo, zlasti v tem, kako je v interakciji s scenariji tretjih oseb in podaljški brskalnikov. Tu so konkretni primeri, kako React 19 preskoči po nepričakovanih oznakah:
Preskakovanje nepričakovanih oznak
1. Elementi glave in telesa: Ko React naleti na nepričakovane oznake v `
2. Ohranjanje tabelov stilov: Če je treba React ponovno predstaviti celoten dokument zaradi hidratacijske neusklajenosti, ki ni povezana s spremembami tretjih oseb, bo pustil na mestu vse scene, ki so jih vstavili s temi skriptami. To zagotavlja, da vizualna celovitost aplikacije ostane nedotaknjena, tudi ko se odkrijejo neskladja [2] [4].
3. Ravnanje s spremembami tretjih oseb: Prej bi lahko vse spremembe, ki jih je izvedlo skripte tretjih oseb, lahko privedle do napak hidratacije, saj bi React poskušal uskladiti HTML, ki ga je strežnika usmeril s spremenjenim HTML na strani odjemalca. V React 19 se te modifikacije med hidracijo prezrejo, kar omogoča, da aplikacija še naprej nemoteno deluje, ne da bi nanje vplivale zunanje spremembe [1] [4].
Primer scenarija
Razmislite o scenariju, v katerem skript tretjih oseb dodaja oznako `
Te izboljšave v React 19 ne samo povečujejo robustnost hidratacije, ampak tudi zagotavljajo bolj gladko razvojno izkušnjo z zmanjšanjem pogostosti in vpliva napak hidratacije, povezanih z interakcijami tretjih oseb.
Navedbe:[1] https://webdeveloper.beehiiv.com/p/react-19-beta-release-quick-guide
[2] https://www.epicweb.dev/tips/whats-coming-in-react-19-beta
[3] https://sentry.io/answers/hydracija-error-nextjs/
[4] https://react.dev/blog/2024/04/25/react-19
[5] https://github.com/facebook/react/isissue/26224
[6] https://github.com/cypress-io/cypress/isissue/27204
[7] https://legacy.reactjs.org/docs/hooks-reference.html
[8] https://www.kellton.com/kellton-tech-blog/react-19-latest-fatures-and-updates