この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの24日目の記事です。 React v16.8.0で正式にHooksが導入されましたね。 ReactHooksはstate、context、ref、ライフサイクルなどReactで扱うには少々非効率的であったAPIを、シンプルで扱いやすい形に置き換えたような機能です。 各hookの機能は公式サイトに詳細が記載されていますが、本稿では1つのアプリケーションの中で実際にどのように組み込まれ、機能するのかをTODOリストの作成という形で試してみたいと思います。 カスタムフック useState useEffect useContext useReducer useRef また、本稿の趣旨はHooksの機能紹介となりますので、Reactの基礎的な部分やReduxを模した状態管理の手法については割愛いたします旨ご了承ください。それで