🛀
[Next.js] LinkコンポーネントとuseRouterの違い
はじめに
Next.js
の学習の為に、下記書籍を読みました。
下記書籍のLinkコンポーネントとuseRouterの違い
について情報を整理したかったので、執筆します。
結論
Linkコンポーネントについて
- ユーザーがクリックすることで別のページにナビゲートするための宣言的な方法を提供する
- 主に静的なリンクや、アプリケーション内の他のページへのリンクを作成する際に使用する
- ページ間のナビゲーションを高速化するために、クライアントサイドのナビゲーションを実現する->これにより、ページ遷移が高速になり、フルページのリロードを避けることができる
useRouterについて
- Next.jsのルーティング機能にアクセスするためのフックです。
- 現在のルートの情報を取得したり、プログラムによるページ遷移(例えば、フォームの送信後に別のページにリダイレクトする)を行う場合に使用する
-
push
、replace
、query
などのメソッドやプロパティにアクセスでき、これらを使って動的にページ遷移を制御したり、現在のURLのクエリパラメータを読み取ることができます。
Discussion