Reactガイドを読んでいくその234
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
フックの導入
動機
フックが導入されるきっかけとなった要素がどんなものかみていきます。
ステートフルなロジックをコンポーネント間で再利用するのは難しい Reactは再利用可能な振る舞いをコンポーネントに付加する方法を提供していない。
レンダープロップや高階コンポーネントなどで解決可能な場合もあるが、再構成が必要だったり、
煩雑なコードになってしまう。
フックを使えばステートを持ったロジックをコンポーネントの階層変更なしに再利用できる。複雑なコンポーネントは理解しづらくなる だんだん複雑化してきたコンポーネントのメンテナンスは辛い。
この問題を解決するためにフックは関連する機能に基づいて1つのコンポーネントを複数の小さな関数に分割することを可能にする。クラスは人間と機械の両方を混乱させる Reactの学習に置いてクラスは一つの障壁になっている。
フックはReactの機能をクラスを使わずに利用できるようにする。
今日はここまで