React Hooksとカスタムフックが実現する世界 - ロジックの分離と再利用性の向上 - Qiita

はじめに React HooksはReact 16.8 で追加された新機能であり、state などの React の機能をクラスを書かずに使えるようになります。 React Hooks以前は、ロジックの再利用がコンポーネントに依存してしまいロジック単独でのモジュール化が難しいという問題がありました。 しかしReact Hooksのカスタムフックという独自のフックを作成する機能を使うことで、Viewに依存することなくロジックだけを再利用することができるようになります。 この記事では、v1からv6まで改善していく様子を見て頂くことでReact Hooksの利用方法を紹介します。 今回の実例ではコンポーネントのコード量は以下のように削減されます。 実例紹介 コンポーネント間のページネーションを実装するuseLocalHistoryカスタムフックを作成します。 ブラウザのhistory APIのよ

[areyoukicking]

“ ”

[budougumi0617]

6段階のリファクタリングに分けて段階的な適用で説明されてるからすごい分かりやすい

[h5y1m141]

v1からv5の課程でどう変化していくのか丁寧に解説されてる。タイトルで触れてることが全て網羅されてて、やる気を引き立てる良記事で、写経しながらじっくり理解しよう

[yamitzky]

“ReactのロジックはOSSとして気軽に共有できる世界” わかる