React
読み
リアクト
意味
- Meta（旧Facebook）が開発した宣言的UIを構築するためのJavaScriptライブラリでコンポーネントベースの設計が特徴
- 仮想DOMにより効率的な画面更新を実現しSPA（Single Page Application）開発のデファクトスタンダード
- HooksやContext APIなど状態管理の仕組みを備え大規模なWebアプリケーションでも保守性を保てる技術
比喩
レゴブロックのようなもの。小さな部品（コンポーネント）を組み合わせて大きなものを作る。
語源
React＝反応する。ユーザーの操作に反応して画面が更新される仕組みから命名
例文
- Reactでインタラクティブなダッシュボードを構築しリアルタイムにデータを可視化した
- Reactコンポーネントを再利用可能な形で設計し開発効率を大幅に向上させた
- useStateやuseEffectなどのHooksを活用して関数コンポーネントで状態管理を実装した
よくある勘違い
- ReactとReact Nativeを混同すること→Reactはブラウザ用、React Nativeはモバイルアプリ用
- Reactはフレームワークだと思い込むこと→Reactはライブラリでルーティングや状態管理は別途必要
- 仮想DOMで常に高速だと考えること→不適切な実装ではパフォーマンスが劣化する