本セクションでは、2つ目のアプリを作りながらReact + TypeScriptの解説をしていきます。アプリ自体はシンプルですが、扱う内容の難易度はセクション2よりもやや上がっていることに注意しましょう。また本セクションではReactバージョン19を最初から使い、さらに近年TypeScriptと使われることが多いバリデーション用のパッケージ、Zodも導入します。

• タプル型 • ユニオン型 • リテラル型 • 型引数 • ジェネリクス • ジェネリクスの記法（Arrow function） • 型ガード • ナローイング • ページ設定 • useStateでオブジェクトを扱う方法 • Local Storage • イベント・オブジェクトの型 • ログイン状態の維持の仕組み • ログイン状態によって表示を変える • useEffectの働き • 非Nullアサーション • Reactコンポーネントの汎用化 • 柔軟な型を定義する方法 • 非同期処理 • 型定義を共有する方法 • 入力データのバリデーション（Zod） • 入力データの保持