React 19 вводить значні вдосконалення в тому, як він обробляє сторонні сценарії та розширення браузера під час гідратації, забезпечуючи більш плавний досвід порівняно з попередніми версіями. Ось ключові відмінності:
Пропуск несподіваних тегів
У React 19, якщо розбіжності виявляються через модифікації, внесені сторонніми сценаріями або розширеннями, реагувати інтелектуально пропускати несподівані теги, а не спрацьовує помилки повторного візуалізації [1] [2]. Цей підхід мінімізує потенційні перебої, спричинені зовнішніми сценаріями, забезпечуючи більш безпроблемний досвід користувачів.
Збереження таблиць стилів
Коли React потрібно повторно надати весь документ через невідповідність гідратації, не пов'язану з сторонніми модифікаціями, він зараз зберігає будь-які стільникові таблиці, які були вставлені цими сценаріями [1] [2]. Це вдосконалення підтримує візуальну цілісність програми, навіть коли виявляються розбіжності.
Поліпшена сумісність
React 19 Підвищує сумісність гідратації, пропускаючи несподівані теги в розділах `
` `` `документа [2]. Це означає, що якщо сторонній сценарій вставив елементи, які не відповідають HTML, що надається серверам, React не намагатиметься узгодити ці відмінності, уникаючи потенційних помилок та порушень.Зменшені помилки
У попередніх версіях модифікації, внесені сторонніми сценаріями, можуть призвести до помилок гідратації, оскільки React намагатиметься узгодити HTML, отриману сервером, з модифікованою HTML на стороні клієнта [2]. React 19 вирішує цю проблему, ігноруючи ці модифікації під час гідратації, що дозволяє застосувати плавно функціонувати, не впливаючи на зовнішні зміни.
Ці вдосконалення React 19 підвищують надійність гідратації та забезпечують більш плавний досвід розвитку за рахунок зменшення частоти та впливу помилок гідратації, пов'язаних із сторонніми взаємодіями.
Цитати:[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-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-updates/
[7] https://www.epicweb.dev/tips/whats-coming-in-react-19-beta
[8] https://react.dev/blog/2024/04/25/react-19