概要

フロントエンドUI構築用JavaScriptライブラリ。 2019年（React16.8） Hooksの導入にりコードの記述が簡潔になり学習ハードルが下がった。 前はクラスベースが主流だったがフックベース主流になった。 Webページをコンポーネントという小さな部品に分けて管理する。小さな部品を組み立てる。 ページ全体をリロードせずに必要な部分だけ更新するのでページの動作がスムーズになります。 コードの再利用性が高い。

参考書: モダンJavaScriptの基本から始める React実践の教科書

ver	releas
17	2020/10
18	2022/03

■vs Vue 処理速度がVueより速い。 学習コストがVueより高い。 TypeScriptと相性が良いのはReact。Vueより相性が良い。

動的なページにおすすめ。静的なページには向かない。

Webデザイナーよりバックエンドエンジニア向け。 Reactは段階的に導入することが可能である。 小規模のみ導入や大規模に導入することが可能である。

軸となるキーワード「SPA（Single Page Application）」

関数コンポーネントの使用が推奨される傾向にあります。 関数コンポーネントは簡潔で軽量なため、最近のReact開発では主に使われます。

JSX

JavaScriptの中にHTMLのような記述を埋め込むことができます。