VueのDiffアルゴリズムの内部仕組みとソースコード
VueにおけるDiffアルゴリズムは、仮想DOMの比較と更新を行うpatch関数によって実現されます。
1. patch関数
patch関数は主に以下の4つの引数を取りますが、主なのは最初の2つです。
oldVnode: 旧の仮想DOMノード
vnode: 新しい仮想DOMノード
hydrating: サーバーサイドレンダリング用のフラグ
removeOnly: transition-groupコンポーネント用のフラグ
主な処理フローは以 ...
8月8日 03:41 投稿
React Fiber アーキテクチャ：render 段階におけるツリー構築と beginWork の実装
React の描画パイプラインにおいて、render 段階は最も重要なプロセスです。ここでは、DOM への反映を行う前に、アプリケーションの状態変化を検知し、必要な更新を計算する「diff 処理」が行われます。本稿では、Fiber アーキテクチャにおける render 段階の具体的な動作、特に Fiber ツリーの構築プロセスと beginWork の役割に焦点を当てて解説します。
render 段階の ...
7月4日 17:25 投稿