Reactカスタムフック入門 ! (ドラッグでDOMを動かすカスタムフックを作る) - Qiita

カスタムフック入門 ！ この記事の内容 前半 : Hooksの紹介 後半 : 以下のような、ドラッグでDOMを動かすカスタムフックの解説 Hooks!! Hooksとは？ Hooksとは、Reactに最近追加されたAPI群です。 Hooksを使えば、関数型コンポーネントでも従来のクラス型コンポーネントとほぼ同等(筆者は困ったことないです)の処理ができるようになります。 というか、より簡潔にコードが書けるしめちゃくちゃ使いやすいので、正直もうクラス型には戻れないです。 Good bye, クラス型コンポーネント。 クラス型は勉強しなくていい？ クラス型も勉強した方がいいです。 なぜなら、既存のコードの大多数はクラス型で書かれているから。 他人のコードを参考にしたり、ソースコードを読む時に必要になるでしょう。 Hooksのメリットは「いい感じの疎結合さ」 Hooksを使った関数型コンポーネント