Reactにおけるフック

このレッスンでは、フックについて学び始めます。私たちは既に、 ステート を学んだ時にフックに遭遇しました - そこで、状態フック useState の使い方を学びました。

一般的に、フックは 'use' という単語で始まる名前を持つ、通常のJavaScript関数です。

フックを使用すると、クラスを使用せずにReactのステートやその他の機能を利用できます。 これらは、さまざまなタスクに対するコードの再利用やテストを容易にし、複雑なコンポーネントを目的に応じてより単純な関数に分割するのに役立ちます。 一部のフックは、Redux の機能を置き換えることさえできます。 さらに、フックはアプリケーションのパフォーマンス向上にも貢献します。

フックを使用したい場合は、2つの主要なルールに従ってください。第一に、 フックはトップレベルでのみ使用し、ループ、条件文、またはネストされた関数内で呼び出さないでください。 第二に、フックはReact関数（Reactコンポーネントまたはカスタムフック）からのみ呼び出し、 通常のJavaScript関数からは呼び出さないでください。

また、プログラマーが犯しがちな間違いは、コード内でフックを無計画に使用することです。 特定のフックを使用する前に、それが本当に必要かどうかを確認してください。

次のレッスンでは、フックのタイプについて見ていきます。