ルーティング機能
- react-router:
react-router
は、Reactアプリケーションにルーティング機能を提供します。これにより、URLに基づいて異なるコンポーネントを表示したり、アプリケーション内でナビゲーションを管理したりできます。 - react-router-dom:
react-router-dom
は、react-router
のブラウザ向けの実装であり、ウェブアプリケーションに特化したルーティング機能を提供します。これには、リンクを作成するための<Link>
コンポーネントや、ブラウザの履歴を管理するための<BrowserRouter>
コンポーネントが含まれています。
ブラウザサポート
- react-router:
react-router
は、ブラウザやモバイル環境に依存しないルーティング機能を提供します。 - react-router-dom:
react-router-dom
は、ブラウザベースのアプリケーションに特化しており、ブラウザの履歴APIやリンク機能を活用しています。
リンクの作成
- react-router:
react-router
は、リンクの作成に関する機能を提供しますが、特定のコンポーネントは含まれていません。 - react-router-dom:
react-router-dom
は、リンクを簡単に作成するための<Link>
コンポーネントを提供しており、ナビゲーションを容易にします。
カスタムルーター
- react-router:
react-router
は、カスタムルーターを実装するための柔軟性を提供します。 - react-router-dom:
react-router-dom
は、ブラウザ向けのルーターを提供しますが、カスタムルーターの実装にはreact-router
が必要です。
サーバーサイドレンダリング(SSR)
- react-router:
react-router
は、サーバーサイドレンダリング(SSR)をサポートしています。 - react-router-dom:
react-router-dom
は、SSRに対応していますが、ブラウザ特有の機能に依存しています。