use Hook の合成

Hook は、共通のロジックをそれを使用するコンポーネントから抽象化する方法です。コンポーネント間でロジックを共有する方法です。 Qwik は多くの Hook を提供していますが、すぐに使えるものがない場合もあります。このチュートリアルでは、独自の Hook を作成する方法を説明します。

この例では、`mousemove` イベントの登録は複数のコンポーネント間で共有できるものです。 JSX の前のコードを独自の `useMousePosition()` 関数に引き出して、コードをリファクタリングします。

おめでとうございます。独自の Hook を作成しました。これで、マウスの位置をリッスンする必要がある任意のコンポーネントで使用できます。