【入門】 React Hooks を学ぶ

カレンダーアプリを作ることができたら脱フロントエンド初心者らしいので、React Hooksを使って作ることにしました。
2020年にWebフロントエンドを勉強する人が作るべきたったひとつのアプリ - Qiita

やったこと

• UdemyのReact関連講座を2つ受講
  • フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
  • React Hooks 入門 - Hooksと Redux を組み合わせて最新のフロントエンド状態管理手法を習得しよう！

• Udemy題材のアプリカスタマイズ

  • チェックボックス（全チェック機能）
  • ドラッグ＆ドロップでの並び替え機能
  • https://github.com/ysirman/react-hooks-sample-events

• カレンダーアプリ作成

分からなかったこと / 分かったこと

• reducerに渡ってくるaction
  • => POSTでサーバーサイドに渡されるパラメーターみたいなもの
    渡すパラメーターにはtypeが必須で、他は自由なパラメーターを渡せる
    return で返す値がstateとして利用できる
• combineReducersでまとめられたreducerに渡ってくるstate
  • => 各Reducerが担当するStateに関するものだけが渡ってくるぽい
    events.jsのstateには、他のreducerが管理する状態も含めたstateではなく、eventに関する状態だけのstate.eventsの中身が入っている。

作ったアプリ

Dockerを使用して作成しました。
https://github.com/ysirman/react-calendar