React

かんたんに言うと

React は Meta（Facebook）が作ったフロントエンドフレームワークで、核になる発想は「コンポーネント」です。画面を独立した再利用できる部品に分け、積み木のようにはめ込んで一つの完成したページにします。ひとつの部品を変えても他には影響しないので、メンテナンスの見通しがよくなります。

いまもっとも大きいフロントエンドのエコシステムで、ライブラリ・チュートリアル・人材がいちばん多く、AI もいちばんよく理解していて、出力の品質も最高クラスです。弱点は、React が画面の表示しか担当しないこと。ルーティングや状態管理などは別途追加する必要があり、しかも選択肢が多くて初心者は目が回ります。だからこそ Next.js（React のフルスタックフレームワーク）がこれほど人気なのです。

アーキテクチャ

動作の流れ

React だけでは足りない

React が用意してくれるのは画面の層だけ。本物のサイトを作るには、自分で持ち込む部品がいくつか必要になります。

• ルーティング — どの URL でどの画面を見せるかを決めるしくみ。
• データ取得 — サーバーやデータベースから内容を読み込むこと。
• ビルド設定 — 書いたコードをブラウザで動くファイルに変換するツール一式。

これらは個別のライブラリを選んで自分でつなげてもいいですし、組み立ての手間を省いて、まとめて束ねてくれる Next.js のようなフレームワークに頼ってもかまいません。初心者には、たいてい後者のほうが気がラクな道です。

まとめ

• React ＝ コンポーネントで組み立てる、エコシステムが最大のフロントエンドフレームワーク。
• AI がいちばんよく理解していて、リソースも品質も最も豊富。
• ルーティングやフルスタック機能を足すために、よく Next.js と組み合わせて使われる。