React

どんなツールか

React は 2013 年に Meta（当時 Facebook）が公開した、UI を構築するための JavaScript ライブラリです。HTML をそのまま書く代わりに、JavaScript の中にマークアップを書ける JSX という記法を使い、画面を「コンポーネント」という部品の組み合わせとして表現します。

横にスクロール

「結局なに？」を一言でいうと、画面の見た目を部品単位で宣言的に書くための土台です。フレームワークではなく「ライブラリ」である点が、後述する性格をすべて決めています。

特徴・設計思想

React の中心にあるのは「状態（state）が変われば、画面はそれに従って自動で更新される」という宣言的な考え方です。DOM を手で書き換えるのではなく、あるべき姿を記述すれば React が差分を計算して反映します。

• 仮想 DOM：変更前後の差分だけを実 DOM に当てるため、再描画が効率的。
• コンポーネント指向：ボタンやフォームを部品化し、組み合わせて画面を作る。
• 巨大なエコシステム：周辺ライブラリ・記事・求人が非常に多く、困ったときの情報に困らない。

function Counter() {
  const [count, setCount] = React.useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

得意・不得意

得意なのは、状態が頻繁に変わる動的な UI を、再利用可能な部品として組み立てることです。Web だけでなく React Native を通じてモバイルにも展開できます。

一方で不得意というより「設計上の宿命」として、React 単体では UI 以外を何も決めていません。ルーティングやデータ取得、状態管理は別ライブラリを自分で選ぶため、構成が分散しがちで、チームごとに作法がばらつきやすい点に注意が必要です。

いつ選ぶか（他との違い）

求人・人材・情報量の多さを最優先するなら、まず候補に挙がるのが React です。自由度が高く、必要なものを自分で組み合わせたいチームに向きます。

逆に「最初から一通り揃っていてほしい」なら Angular、SSR や最適化まで含めて一体で扱いたいなら React ベースの Next.js を検討します。React は 核だけを提供する分、判断と組み立てを自分たちで担う ツールだと理解しておくとよいでしょう。