Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Jak se reaguje na manipulaci s skripty třetích stran 19 od předchozích verzí


Jak se reaguje na manipulaci s skripty třetích stran 19 od předchozích verzí


React 19 představuje významná zlepšení v tom, jak zpracovává skripty třetích stran a rozšíření prohlížeče během hydratace, což poskytuje plynulejší zážitek ve srovnání s předchozími verzemi. Zde jsou klíčové rozdíly:

Přeskočení neočekávaných značek

V React 19, pokud jsou nesrovnalosti detekovány kvůli úpravám provedených skripty nebo rozšířeními třetích stran, reagují inteligentně přeskočí neočekávané značky namísto spuštění chyb opětovného vykreslování [1] [2]. Tento přístup minimalizuje potenciální narušení způsobené externími skripty a zajišťuje plynulejší uživatelský zážitek.

Konzervace stylů

Když React potřebuje znovu vykreslit celý dokument kvůli neshodě hydratace nesouvisející s úpravami třetích stran, nyní zachovává jakékoli styly, které byly vloženy těmito skripty [1] [2]. Toto vylepšení udržuje vizuální integritu aplikace, i když jsou detekovány nesrovnalosti.

Vylepšená kompatibilita

React 19 zvyšuje kompatibilitu hydratace přeskakováním neočekávaných značek v `` a `` sekce dokumentu [2]. To znamená, že pokud skript třetích stran vložil prvky, které neodpovídají serveru HTML, REACT se nepokusí tyto rozdíly smířit a zabránit potenciálním chybám a narušení.

Snížené chyby

V předchozích verzích by modifikace provedené skripty třetích stran mohly vést k chybám hydratace, protože by se React pokusila smířit HTML vykreslenou serveru s modifikovanou HTML na straně klienta [2]. React 19 řeší tento problém ignorováním těchto úprav během hydratace, což umožňuje aplikaci fungovat hladce, aniž by byla ovlivněna vnějšími změnami.

Tato zlepšení v React 19 zvyšuje robustnost hydratace a poskytuje plynulejší vývojový zážitek snížením frekvence a dopadu hydratačních chyb souvisejících s interakcemi třetích stran.

Citace:
[1] https://webdeveloper.beehiiv.com/p/react-19-beta-release-quick-guide
[2] https://www.ghazikhan.in/blog/exploring-whats-new-in-react-19
[3] https://www.metizsoft.com/blog/react-19-latest-features and updates
[4] https://taglineinfotech.com/react-19-update-what-developers-Need-to-now/
[5] https://www.kellton.com/kellton-tech-blog/react-19-latest-features-and-opdates
[6] https://www.geeksforgeeks.org/react-19-new-features-and-opdates/
[7] https://www.epicweb.dev/tips/whatscoming-in-react-19-beta
[8] https://react.dev/blog/2024/04/25/react-19