ユーザーインターフェース (UI) のレンダリング
React の動作を理解するためには、まずブラウザがどのようにコードを解釈してユーザーインターフェース (UI) を生成（レンダリング）するかの基本的な理解が必要です。
ユーザーがウェブページを訪れると、サーバーは次のような HTML ファイルをブラウザに返します：
ブラウザはHTMLを読み取り、Document Object Model (DOM) を構築します。
DOMとは？
DOMはHTML要素のオブジェクト表現です。コードとユーザーインターフェースの間の橋渡し役となり、親子関係を持つツリー構造を持っています。
DOMメソッドとJavaScriptを使用して、ユーザーイベントを監視し、DOMを操作することで、ユーザーインターフェース内の特定の要素を選択、追加、更新、削除できます。DOM操作により、特定の要素をターゲットにするだけでなく、そのスタイルや内容を変更することも可能です。
次のセクションでは、JavaScriptとDOMメソッドの使用方法を学びます。
追加リソース: