Logo

React19 Hook Study

React Hooks 全19種の解説とサンプル

15. UseInsertionEffect

概要


CSSの適用を最適化するフック

利用シーン: スタイリングライブラリのパフォーマンス改善

基本的な使い方


useInsertionEffect を使うと、useLayoutEffectやuseEffectより先にCSSの挿入タイミングを最適化できる。
DOMの変更前に実行され、レイアウトの計算前にスタイルを挿入できます。