← シリーズ一覧
TypeScript × React 実践ガイド
TypeScriptでReactのprops型を正しく定義する方法を解説。必須・省略可能・デフォルト値・children・ユニオン型・discriminated unionまで、実務で使うパターンを実例付きで網羅します。
3 記事
← 第0回から読み始める第1回中級第2回中級第3回中級
ReactコンポーネントのProps型定義：基本から実践パターンまで
TypeScriptでReactのprops型を正しく定義する方法を解説。必須・省略可能・デフォルト値・children・ユニオン型・discriminated unionまで、実務で使うパターンを実例付きで網羅します。
Reactイベントハンドラーの型定義：onClick・onChange・onSubmit
TypeScriptでReactのイベントハンドラーを正しく型定義する方法を解説。onClick・onChange・onSubmit・onKeyDown・フォーム要素ごとの型・カスタムイベントハンドラーのprops定義まで実例付きで説明します。
useState・useRef・useReducerの型定義：TypeScriptで正しく型をつける
TypeScriptでReact HooksのuseState・useRef・useReducerに型をつける方法を解説。型推論が効くケース・明示が必要なケース・useRefのnull初期値問題・useReducerのaction型定義まで実例付きで説明します。