お猿さんのためのReactまとめ：Vol.3 React Hooks編

前回、前々回自分なりにまとめてみたものの、わかったようなわかってないような不安な気持ちでいっぱいになりました。
今回はReactのHooksについてまとめてみます。
ウキィー！！

1...React Hooksとは?

• クラスコンポーネントの機能（stateやライフサイクル）を関数コンポーネントでも使えるようになる。
• 過去に書いたコードに追加記述をしてもバッティングしない。
• 記述がシンプルになる。
  • ライフサイクルのように時間の経過に合わせてまとめるのでなく、機能ごとにまとめれる。
  • thisを使わなくても良い。
• Hook? Hooks? どっち？

2...useState()

関数コンポーネントでstateを扱う。

記述量はこんなに減り、状態管理が自己完結型でわかりやすくなった。

3...useEffect()

①componentDidMount()箇所の変更

関数コンポーネントでライフサイクルを扱う。
こちらもかなり記述量が減り、コードの見通しも改善されている。

②componentDidUpdate()とcomponentWillUnmount()箇所を追加する。

③おまけ

参考：日本一わかりやすいReact入門【基礎編】