TypeScript × React 実践ガイド

ReactをTypeScriptで書くときの型定義をまとめた参考書。Propsの型、onClickやonChangeなどイベントハンドラーの型、useState・useRef・useReducerの型付けを解説します。

3 記事

TypeScriptでReactのprops型を正しく定義する方法を解説。必須・省略可能・デフォルト値・children・ユニオン型・discriminated unionまで、実務で使うパターンを実例付きで網羅します。

TypeScriptでReactのイベントハンドラーを正しく型定義する方法を解説。onClick・onChange・onSubmit・フォーム要素ごとの型からpropsでの受け渡しまで実例付きで説明します。

TypeScriptでuseState・useRef・useReducerに型をつける方法を解説。型推論が効くケースと明示が必要なケース、useRefのnull初期値問題まで実例付きで説明します。