React 19 wprowadza znaczącą poprawę w zakresie obsługi skryptów i rozszerzeń przeglądarki innej firmy podczas nawodnienia, zapewniając gładsze wrażenia w porównaniu z poprzednimi wersjami. Oto kluczowe różnice:
pomijanie nieoczekiwanych tagów
W React 19, jeśli wykryto rozbieżności ze względu na modyfikacje dokonane przez scenariusze lub rozszerzenia stron trzecich, reaguje inteligentnie przeskakuje nieoczekiwane znaczniki zamiast wywołujące błędy ponownego renderowania [1] [2]. Takie podejście minimalizuje potencjalne zakłócenia spowodowane przez zewnętrzne skrypty, zapewniając bardziej płynne wrażenia użytkownika.
zachowując arkusze stylów
Gdy React musi ponownie zrealizować cały dokument z powodu niedopasowania nawodnienia niezwiązanego z modyfikacjami stron trzecich, teraz zachowuje arkusze stylów, które zostały wstawione przez te skrypty [1] [2]. To ulepszenie utrzymuje integralność wizualną aplikacji, nawet po wykryciu rozbieżności.
Ulepszona kompatybilność
React 19 zwiększa zgodność nawodnienia, pomijając nieoczekiwane znaczniki w sekcjach `
zmniejszone błędy
W poprzednich wersjach modyfikacje dokonywane przez scenariusze stron trzecich mogłyby prowadzić do błędów nawodnienia, ponieważ React próbowałby pogodzić HTML renderowany serwer ze zmodyfikowanym HTML po stronie klienta [2]. React 19 rozwiązuje ten problem, ignorując te modyfikacje podczas nawodnienia, umożliwiając sprawne funkcjonowanie aplikacji bez wpływu zmiany zewnętrzne.
Te ulepszenia React 19 zwiększają odporność nawodnienia i zapewniają gładsze doświadczenie rozwoju poprzez zmniejszenie częstotliwości i wpływu błędów nawodnienia związanych z interakcjami stron trzecich.
Cytaty:[1] https://webdeveloper.beehiiv.com/p/react-19-beta-release-quick-guide
[2] https://www.ghazikhan.in/blog/exploring-whats-new-inacct-19
[3] https://www.metizsoft.com/blog/react-19-latest-features and-updates
[4] https://taglineinfotech.com/react-19-pdate-what-developers-need-to-know/
[5] https://www.kellton.com/kellton-tech-blog/react-19-latest-features and-updates
[6] https://www.geeksforgeeks.org/react-19-new-features-and-pdates/
[7] https://www.epicweb.dev/tips/whats-coming-in-react-19-beta
[8] https://react.dev/blog/2024/04/25/react-19