Chapters
はじめに
開発環境の準備
React コンポーネントの作成
フォームに入力された文字列を状態 (=state) として保持する
Todo（タスク）の仕様を考える (その 1)
配列ステートの操作には要注意
イベントを処理する関数を作成する
todos ステートを展開してページに表示する
Todo（タスク） の仕様を考える (その 2)
登録済みの todo を編集可能にする
配列ステートの操作には要注意 (その 2)
タスクの完了/未完了を操作できるようにする - Todo の仕様を考える (その 3)
登録済みの todo を削除可能にする - Todo の仕様を考える (その 4)
タスクをフィルタリングする機能を追加する
ごみ箱を空にする機能を追加する
TypeScript のジェネリクスを使ってよく似た関数を一つにまとめる
UI コンポーネントの構成を考える
ソースコードをコンポーネントごとに分割する
UI フレームワーク Material UI を導入する
ToolBar コンポーネントの作成
SideBar コンポーネントの MUI 化
QR コンポーネントの作成
FormDialog コンポーネントとTodoItem コンポーネントを MUI で化粧直しする
AlertDialog コンポーネントの作成と ActionButton コンポーネントのアップデート
ブラウザのストレージへデータを保存する ~ useEffect フックの利用
コラム：React コンポーネントのライフサイクル
ストレージのデータにも型安全性を担保する
Todo アプリを PWA 化する
GitHub Pages へデプロイする
おわりに
（補遺）なぜステートから作った値を直接渡すべきでないのか？
（補遺）なぜコールバック関数をカッコ () 付きで渡すとダメなのか？
（補遺）ユニットテストを導入するには？
（補遺）プログラミング環境の準備
Community
Author
Topics
