Lesson Sudden React / いきなりあくと

初学者が,いきなりモダンな JavaScript のライブラリの React を学ぶための Lesson

必要な準備

• 推奨版 node.js のインストール
• yarn のインストール

確認方法

それぞれターミナルでnode -v,yarn -vと叩いてバージョンが出てくれば OK

Lessons

ざっくり内容

• HTML と CSS の概念をざっくり学ぶ

• 実際に React を起動し, 必要なレイアウトを自分で作成しよう

• コンポーネントを作成し, props を渡して表示してみよう

• JavaScript の map メソッドを使って,コンポーネントを繰り返し表示しよう

• useState の使って表示される内容を変更しよう

• フォームに入力した値を todoList に追加してみよう

• フォームにバリデーション機能をつけよう

• フォームをコンポーネントにしよう

  ---- 現在学べるのはここまで ----

• 完了機能の追加（nanoid）

• 削除機能の追加

• 編集機能の追加

• 入力フォームを Modal に

• スタイルを当てておしゃれに

• API を使って todoList のデータを取得して表示する（useEffect）

• todo に優先順位とメモの項目を追加

• todoList を複数作成できるように

• お気に入り todo 機能（useContext）

• Firebase を使って todo が永続的に保存できるように

• Firebase を使ってログイン機能を実装（react-router-dom）

どこまでも本気で Todo 管理アプリを作り倒すことで React を学ぶぞ！