Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon React 19のサードパーティスクリプトの取り扱いは、以前のバージョンとどのように異なりますか


React 19のサードパーティスクリプトの取り扱いは、以前のバージョンとどのように異なりますか


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-rect-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-pdates
[6] https://www.geeksforgeeks.org/react-19-new-features-and-updates/
[7] https://www.epicweb.dev/tips/whats-coming-in-rect-19-beta
[8] https://react.dev/blog/2024/04/25/react-19