はじめに

この記事ではYoutubeチャンネル【とらゼミ】トラハックのエンジニア学習講座にて投稿されている「新・日本一わかりやすいReact入門【基礎編】」をまとめることで自分のReactへの理解を復習し、より理解を深めていきたいと思う。

フロント学習の最高の教材集にて紹介されていたため発見。
非常にわかりやすくReactの基礎が解説されておりオススメ。

0.1 Reactの基礎知識

ここではReactの概念と生まれた経緯が説明される。

Facebook社(現Meta社)が開発したUIライブラリ
UI(User Interface)ライブラリ = Webブラウザで見ている画面を作成するためのライブラリ

React以前の課題は、DOMの直接更新によるHTMLの再描画負荷が高いことだった。

説明:

上記を解決するため仮想DOMを使用する(以下は勝手な解釈)。

従来:   javascript ->           DOM -> HTML
React: javascript -> 仮想DOM -> DOM -> HTML

説明:

つまりこういうことだろうか。