刊行書籍のご紹介

第1章　こんにちは React 　1-1. 基本環境の構築 　1-2. React のプロジェクトを作成する 　1-3. プロジェクトを管理するためのコマンドやスクリプト

第2章　ライトでディープな JavaScript の世界 　2-1. あらためて JavaScript ってどんな言語？ 　2-2. 変数の宣言 　2-3. JavaScript のデータ型 　2-4. 関数の定義 　2-5. クラスを表現する 　2-6. 配列やオブジェクトの便利な構文 　2-7. 式と演算子で短く書く 　2-8. JavaScript の鬼門、this を理解する 　2-9. モジュールを読み込む

第3章　関数型プログラミングでいこう 　3-1. 関数型プログラミングは何がうれしい？ 　3-2. コレクションの反復処理 　3-3. JavaScript で本格関数型プログラミング 　3-4. 非同期処理と例外処理

第4章　TypeScript で型をご安全に 　4-1. 時代が望んだ言語 TypeScript 　4-2. TypeScript の基本的な型 　4-3. 関数とクラスの型 　4-4. 型の名前と型合成 　4-5. さらに高度な型表現 　4-6. 型アサーションと型ガード 　4-7. モジュールインポート／エクスポート 　4-8. TypeScript の環境設定

第5章　JSX で UI を表現する 　5-1. なぜ React では JSX を使うのか 　5-2. JSX 構文の書き方

第6章　React をめぐるモダン Web 開発の歴史（前編） 　6-1. 第1 世代：Ajax とDOM 操作のためのツールキット 　6-2. 第2 世代：SPA フレームワークの登場 　6-3. パラダイムシフトを起こした React

第7章　ビルドツールでプロジェクトを運用する 　7-1. React 開発におけるビルドツールの変遷 　7-2. Vite で開発環境を構築する

第8章　コンポーネントの基本を学ぶ 　8-1. UI コンポーネントライブラリの導入 　8-2. コンポーネントに Props を受け渡す 　8-3. コンポーネントに状態を持たせる 　8-4. コンポーネントで副作用を扱う 　8-5. React におけるコンポーネント構文の変遷 　8-6. コンポーネントからロジックを分離し、再利用できるようにする

第9章　リンターとフォーマッターでコード美人に 　9-1. リンターでコードの書き方を矯正する 　9-2. フォーマッターでコードを整形する 　9-3. Git Hooks と連携して実行させる

第10章　React をめぐるモダン Web 開発の歴史（後編） 　10-1. 第3世代：SPA モデル黄金時代 　10-2. 第4 世代：メタフレームワークの時代

第11章　React のページをルーティングする 　11-1. React におけるルーティングとは 　11-2. React 用のルーティングライブラリ 　11-3. React Router を使う 　11-4. Next.js で App Router を使う

第12章　外部リソースのデータを取得する 　12-1. 各種の外部データ取得手法 　12-2. Fetch-on-Render アプローチ 　12-3. Fetch-then-Render アプローチ 　12-4. Suspense for Data Fetching

第13章　エラーをハンドリングする 　13-1. Error Boundary とは 　13-2. react-error-boundary を使う 　13-3. Next.js の App Router でエラーハンドリング 　13-4. React Router（フレームワーク）でエラーハンドリング

第14章　メモ化でレンダリングを効率化する 　14-1. 計算結果をメモ化する 　14-2. 関数定義をメモ化する 　14-3. React Compiler を導入する

第15章　フォームでデータを更新する 　15-1. React でフォームの UI を実装するには 　15-2. フォームを Action でハンドリングする 　15-3. フォームライブラリを利用する

第1章　こんにちは React 　1-1. 基本環境の構築 　1-2. Vite でプロジェクトを作成する 　1-3. プロジェクトを管理するためのコマンドやスクリプト

第2章　エッジでディープな JavaScript の世界 　2-1. あらためて JavaScript ってどんな言語？ 　2-2. 変数の宣言 　2-3. JavaScript のデータ型 　2-4. 関数の定義 　2-5. クラスを表現する 　2-6. 配列やオブジェクトの便利な構文 　2-7. 式と演算子で短く書く 　2-8. JavaScript の鬼門、this を理解する 　2-9. モジュールを読み込む

第3章　関数型プログラミングでいこう 　3-1. 関数型プログラミングは何がうれしい？ 　3-2. コレクションの反復処理 　3-3. JavaScript で本格関数型プログラミング 　3-4. 非同期処理と例外処理

第4章　TypeScript で型をご安全に 　4-1. ナウなヤングに人気の TypeScript 　4-2. TypeScript の基本的な型 　4-3. 関数とクラスの型 　4-4. 型の名前と型合成 　4-5. さらに高度な型表現 　4-6. 型アサーションと型ガード 　4-7. モジュールと型定義 　4-8. TypeScript の環境設定

第5章　JSX で UI を表現する 　5-1. なぜ React では JSX を使うのか 　5-2. JSX 構文の書き方

第6章　進化したビルドツールを活用する 　6-1. コンパイラとモジュールバンドラ 　6-2. Vite Killied the Other Star 　6-3. Vite を本格的に使いこなす 　6-4. Deno が JavaScript の世界を塗り替える？

第7章　リンターとフォーマッタでコード美人に 　7-1. リンターでコードの書き方を矯正する 　7-2. フォーマッタでコードを一律に整形する 　7-3. スタイルシートもリンティングする 　7-4. さらに進んだ設定

第8章　React をめぐるフロントエンドの歴史 　8-1. React の登場に至る物語 　8-2. React を読み解く 6 つのキーワード 　8-3. 他のフレームワークとの比較

第9章　コンポーネントの基本を学ぶ 　9-1. コンポーネントのメンタルモデル 　9-2. コンポーネントに Props を受け渡す 　9-3. コンポーネントに State を持たせる 　9-4. コンポーネントと副作用 　9-5. クラスでコンポーネントを表現する

第10章　Hooks、関数コンポーネントの合体強化パーツ 　9-1. Hooks に至るまでの物語 　9-2. Hooks で State を扱う 　9-3. Hooks で副作用を扱う 　9-4. Hooks におけるメモ化を理解する 　9-5. Custom Hook でロジックを分離・再利用する

第10章　コンポーネント操作の高度な技法 　10-1. ロジックを分離、再利用する技術 　10-2. フォームをハンドリングする 　10-3. コンポーネントのレンダリングを最適化する

第11章　React アプリケーションの開発手法 　11-1. React アプリケーションのデバッグ 　11-2. コンポーネントの設計 　11-3. プロジェクトのディレクトリ構成

第12章　React のページをルーティングする 　12-1. ルーティングについて知ろう 　12-2. React Router の基本的な使い方 　12-3. React Router をアプリケーションで使う

第13章　Redux でグローバルな状態を扱う 　13-1. Redux をめぐる状態管理の歴史 　13-2. Redux の使い方 　13-3. Redux Toolkit を使って楽をしよう 　13-4. useReducer はローカルに使える Redux

第14章　ポスト Redux 時代の状態管理 　14-1. Context API の登場 　14-2. React で非同期処理とどう戦うか 　14-3. Redux オルタナティブな状態管理ライブラリ 　14-4. Redux はもう不要なのか？

第15章　React 18 の新機能を使いこなす 　15-1. React 18 はなぜ特別なバージョンなのか 　15-2. React 18 の新機能を有効にする 　15-3. Concurrent Rendering の具体的なメリット 　15-4. Concurrent Rendering で UI の質を高める

第1章　プロジェクトの作成と環境構築 　1-1. 基本環境を作る 　1-2. Firebase プロジェクトの作成と初期化 　1-3. Cloud Functions の環境整備 　1-4. 独自ドメインを設定する

第2章　Seed データ投入スクリプトを作る 　2-1. データベースの作成と Admin 環境の整備 　2-2. データ投入スクリプトの作成 　2-3. npm scripts として登録する

第3章　Cloud Functions でバックエンド処理 　3-1. 簡単な HTTP 関数を作ってみる 　3-2. クローラーをスケジュール設定関数にする 　3-3. スケジュール設定関数をデプロイする 　3-4. Cloud Functions 中上級編 Tips

第4章　Firestore を本気で使いこなす 　4-1. Firestore と RDB の違いと各種制限について 　4-2. Firestore のクエリーとインデックス 　4-3. Firestore の配列の取り扱い 　4-4. Firestore で日時を扱う際の注意 　4-5. Firestore のデータモデリング 　4-6. Firestore だけで全文検索を実現する

第5章　React でフロントエンドを構築する 　5-1. フロントエンド環境の整備 　5-2. Context でグローバルな State を持つ 　5-3. Hooks で副作用処理を行う

第6章　Firebase Authentication によるユーザー認証 　6-1. 認証機能を導入するための準備 　6-2. ログイン機能の実装 　6-3. Firestore にセキュリティルールを適用する

第1章　デバッグをもっと簡単に 　1-1. VSCode でらくらくデバッグ 　1-2. React Developer Tools を使ったデバッグ 　1-3. Redux DevTools を使ったデバッグ

第2章　コンポーネントのスタイル戦略 　2-1. CSSカプセル化戦略の歴史 　2-2. CSS Modules 　2-3. 群雄割拠の CSS in JS ライブラリ 　2-4. Emotion を UIフレームワークと組み合わせて使う

第3章　スタイルガイドを作る 　3-1. なぜスタイルガイドが必要か 　3-2. スタイルガイド作成ツールの比較 　3-3. Storybook を使おう

第4章　ユニットテストを書く 　4-1. 私たちは何をテストするべきか 　4-2. Jest で APIハンドラをテストする 　4-3. Redux Saga Test Plan で Saga をまるごとテスト 　4-4. StoryShots でスナップショットテスト

第5章　E2E テストを自動化する 　5-1. E2Eテストツールの比較 　5-2. Cypress を導入しよう

第6章　プロフェッショナル React の流儀 　6-1. Advanced Thinking in React 　6-2. Store のスケーリング戦略