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.]
[4] https://taglineinfotech.com/react-19-update-what-developers-need-to-conge/
[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