JavaScriptのイベント伝搬を理解する
·
3分
·
-
- TL;DR - DOM のイベントは キャプチャ → ターゲット → バブリング の3フェーズを必ず通る - addEventListener で指定するのは 「どのフェーズで handler を呼ぶか」 - デフォルトは バブリングフェーズ --- はじめに JavaScriptを使っていると、...
フロントエンド
3件の記事
ReactがUIを表示するまでの4つのフェーズとConcurrent Rendering
·
5分
·
-
- TL;DR - React のレンダリングは Trigger → Render → Commit → Browser Paint の4フェーズに分けて理解できる - Render フェーズは UI の計算だけで、DOM はまだ更新されない - Commit フェーズで初めて DOM...
UI = f(state)とは何なのか
·
2分
·
-
- TL;DR 1. UIは状態から一意に決まる 2. 厳密には「UI = f(props, state, context)」と考えるのが正確 3. Reactは「state → UI」変換を自動でやる仕組み はじめに Reactを調べていると「UI =...