useContext × useReducerを使ってタスク管理アプリをテストファーストで作る - Qiita

テストを書きながら状態管理に useContext と useReducer を使ってタスク管理アプリを作っていきます。 作るアプリの概要 よくあるタスク管理アプリです。 React の useContext と useReducer で状態管理をしています。 以下のイメージのようにタスク入力フォームと、タスクの数だけタスクの内容、done ボタン、削除ボタンを表示します。 done ボタンをクリックするとタスクの内容に取り消し線が引かれ、もう一度 done ボタンをクリックすると取り消し線が消えます。 削除ボタンをクリックするとタスクが削除されます。 テスト駆動開発の手法に乗っ取り、Red（失敗）、Green（成功）、Refactor（リファクタリング）のサイクルで開発していきます。 DB などの外部のリソースに保存しないので、サーバーを再起動したりブラウザをリロードしたりすると初期化さ