アプリケーションの構造 jQuery React HTML と JavaScript は別のファイルに書く HTML の中に JavaScript を書く JavaScript (JSX) の中に HTML を書く HTML を JavaScript の変数として扱うことが できる HTML JS HTML JS <br/>...<br/> JSX HTML
DOM の操作 jQuery React CSS セレクターにより DOM を直接操作する 仮想的な DOM (インメモリのオブジェクト) か ら React が差分検出処理をして実際の DOM に同期する 実際の DOM は操作しない (useRef) jQuery DOM JSX 仮想 DOM DOM 差分検出