はじめに
Reactの仕組みとなぜ使用するのか？理解するための備忘録です💁
初心者です😅
間違えてる部分多々あると思います。
もし見つけた場合、ツッコミいただけると助かります🙇
内容
ReactはJavaScriptのライブラリの一種。
なぜ仮想DOMを使うのか？
- 再利用するしやすい。
- パフォーマンスを向上。
DOMとは
DOMとは
APIの一種。
HTMLを解析してツリー構造に変換して、一つ一つ（画像、リンクなど）にアクセスできるようにしたもの。
「特定の部分を変更や動き」を加えようとした場合、特定の部分とその子要素に影響があるため、ページの一部を再読み込み（レンダリング）しなければいけない。
→処理が重い。
仮想DOM（Reactなど）とは
「特定の部分の変更や動き」を加えようとした部分の処理をJavaScriptエンジンを使って処理することでブラウザのDOMの処理数を軽減することでレンダリング（ユーザーが見れるようにするためのプロセス）パフォーマンスが向上する。
プログラミングイーターフェイス（API）とは？
「DOM」「CSSOM」「JavaScript API」など多岐にわたって存在する。
※ここでのAPIはWEB APIとは別物
レンダリングとは
HTMLを解析→DOMツリーを構築→CSSでスタイルを決定→JavaScriptで動的なものを実装
このプロセスをレンダリングという。