create-react-appでTodoアプリを作成 - Qiita

はじめに create-react-appはReactで簡単にアプリを作成するためのツールです。 Reactのみで簡単なTodoアプリを作成したので備忘録としてまとめたいと思います。 なお、多少の環境構築が必要なので、よろしければこの記事を参考にしてください。 また今回はJSX、props、useStateの知識を扱います。この記事では説明を省きますので ご了承ください。 挙動イメージ 1. Todoを入力したら未完了のTodoに反映される 2. 未完了のTodoは完了のTodoに移動できる or 削除できる 3. 完了のTodoは未完了のTodoに移動できる 目次 1.create-react-app 2.HTMLとCSSで構造を作成 3.Reactを意識したモックに変更 4.Todoの入力機能 5.Todoの追加機能 6.Todoの削除機能 7.Todoの完了機能 8.Todoの戻す機