← シリーズ一覧
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・フォーム要素ごとの型からpropsでの受け渡しまで実例付きで説明します。
useState・useRef・useReducerの型定義：TypeScriptで正しく型をつける
TypeScriptでuseState・useRef・useReducerに型をつける方法を解説。型推論が効くケースと明示が必要なケース、useRefのnull初期値問題まで実例付きで説明します。