ReactはWebアプリケーション開発におけるUI開発に特化した人気のJavaScriptライブラリです。本書では最新の安定版であるReact19をベースに、「環境構築」「コンポーネントの使い方」「プロパティ（props)の使い方」「フックの使い方」「アクションの使い方」などReactの押さえておくべきポイントを体系的に学べます。また、集大成として、実際にアプリケーションを開発することで最新のWebアプリケーション開発の一連の流れが学べるため、近年需要が高まっているセミナーや研修でも利用できます。

1章　Reactの世界へようこそ

1-1　Reactとは

1-2　開発環境の整備

1-3　Vite の活用

1-4　Reactプロジェクトの構造理解

2章　コンポーネント

2-1　JSXの基礎

2-2　コンポーネント指向

2-3　コンポーネントの作成

3章　props（プロップス）とstate（ステート）

3-1　props（プロップス）の基礎

3-2　state（ステート）の基礎

4章　状態のリフトアップとイベント

4-1　状態のリフトアップの基礎

4-2　イベント処理の基礎

5章　副作用（サイドエフェクト）の理解

5-1　useEffectの基礎

5-2　クリーンアップ関数の基礎

6章　Context（コンテキスト）の理解

6-1　プロップスドリリング（props drilling）

6-2　Context（コンテキスト）の基礎

7章　React Routerによるページ遷移

7-1　React Router DOMの基礎

7-2　パラメーターを使った動的ルート

7-3　ネストされたルートと（Outlet /）

7-4　NotFound ページの実装

8章　フォームと入力値の管理

8-1　フォームの基本と値の管理

8-2　React Hook Formの活用

9章　非同期処理とAPI

9-1　非同期処理とAPIの基礎

9-2　非同期処理によるAPIの活用

10章　MUI

10-1　MUIの導入

10-2　MUIの活用方法

11章　AxiosによるAPI通信の最適化

11-1　JSON Serverの活用

11-2　Axiosの活用

12章　基盤ファイルの作成（総合演習）

12-1　作成するアプリケーションの説明と準備

12-2　独立性の高いファイルの作成

13章　コンポーネントの作成（総合演習）

13-1　UIコンポーネントの作成

13-2　ページコンポーネントの作成

React/Next.jsによるWebアプリケーション開発で役立つ力が身につく！

最新 React 19以降／Next.js 15以降に対応！

たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。

丁寧でわかりやすく、開発に必要な応用力が身につけられる、必読入門書の改訂版です。

Reactをイチから学びたい方にオススメの1冊です！

【本書のポイント】

UdemyのReactコースで最高評価獲得の著者がモダンJavaScriptの基礎からTypeScriptの実践的な内容までしっかり解説！

著者が2年以上勉強会を主催し初学者と話す中で分かった、多くの人が感じるReactの挫折ポイントを解決する構成！

現場のシチュエーションベースのストーリーで技術解説をしているので、実務で必要となる知識を意識しながら学習を進められる！

「#挫折しないReact本」で学習した感想をシェア！！

Chapter1 React を始める前に知っておきたいモダンJavaScript の基礎

1-1 モダンJavaScript 概説

1-2 DOM、仮想DOM

1-3 パッケージマネージャー(npm/yarn)

1-4 ECMAScript

1-5 モジュールバンドラー、トランスパイラ

1-6 SPA と従来のWeb システムの違い .. .

Chapter1 まとめ

Chapter2 モダンJavaScript の機能に触れる

2-1 const、let での変数宣言

2-2 テンプレート文字列

2-3 アロー関数 ( ) =＞ { }

2-4 分割代入 { } [ ]

2-5 デフォルト値 =

2-6 スプレッド構文

2-7 オブジェクトの省略記法

2-8 map、filter

Chapter2 まとめ

Chapter3 JavaScript でのDOM 操作

3-1 JavaScript によるDOM アクセス

3-2 DOM の作成、追加、削除

3-3 JavaScript によるDOM 操作実践

Chapter3 まとめ

Chapter4 React の基本

4-1 React 開発の始め方

4-2 JSX 記法

4-3 コンポーネントの使い方

4-4 イベントやスタイルの扱い方

4-5 Props

4-6 State（useState）

4-7 再レンダリングと副作用（useEffect）

4-8 export の種類

Chapter4 まとめ

Chapter5 React とCSS

5-1 Inline Styles

5-2 CSS Modules

5-3 Styled JSX

5-4 styled components

5-5 Emotion

5-6 Tailwind CSS

Chapter5 まとめ

Chapter6 再レンダリングの仕組みと最適化

6-1 再レンダリングが起きる条件

6-2 レンダリング最適化1（memo）

6-3 レンダリング最適化2（useCallback）

6-4 変数のmemo 化（useMemo）

Chapter6 まとめ

Chapter7 グローバルなState 管理

7-1 グローバルなState 管理が必要な理由

7-2 Context でのState 管理

7-3 その他のグローバルstate を扱う方法

Chapter7 まとめ

Chapter8 React とTypeScript

8-1 TypeScript の基本

8-2 API で取得するデータへの型定義

8-3 Props への型定義

8-4 型定義の管理方法

8-5 コンポーネントの型定義

8-6 省略可能な型の定義

8-7 オプショナルチェイニング（Optional chaining）

8-8 ライブラリの型定義

Chapter8 まとめ

Chapter9 カスタムフック

9-1 カスタムフックとは

9-2 カスタムフックの雛形を作成

9-3 カスタムフックの実装

Chapter9 まとめ

付録 React × TypeScript 実践演習