最終課題では簡易的なTodoアプリの作成を通して、Reactの使い方を学んでいきます。

こんな感じ

こんな感じ

↓ 教材ページの内容を順に進めていきましょう! ↓

準備課題 - React模写課題

エラー文の見方

イントロダクション - 完成像の把握

環境構築

Atoms/Title

Atoms/EditButton

Atoms/AddTaskButton

Atoms/Checkbox

設計の読み方

Atoms/Input

Molecules/Task

Organisms/TodoCard

Pages/MainPage

ひとまず完成

Local Storageの使用

アラートの実装