TECHNOLOGY COMPARE

React Router / Remix

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

React RouterとRemixはどちらも「Webサイト・Webアプリ」の技術なので、同じ土俵で比較しやすい組み合わせです。

Webサイト・Webアプリ

React Router

Reactの経路制御からフルスタック構成まで扱うルーター。宣言的、データ、フレームワークの各モードでURLと画面・データを結ぶ。

何を担当する?

宣言的、データ、フレームワークの各モードでURLと画面・データを結ぶ。

いつ使う?

  • Reactアプリへ段階的にルーティングやサーバー描画を導入するとき。

避けたい場面

  • Reactを使わない画面の経路制御を行うとき。
Webサイト・Webアプリ

Remix

Web標準へ寄せたフルスタックWebフレームワークの系統。v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。

何を担当する?

v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。

いつ使う?

  • Remix v2資産を理解するか、v3の新しい設計を検証するとき。

避けたい場面

  • Remix v3の安定版を前提に本番構成を固定したいとき。
DIRECT RELATION

Remix v2の設計はReact Routerのフレームワーク機能へ統合されている。

RemixとReact RouterはWebアプリ全体の描画・ルーティング・配備方式で比較される。v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。一方、React Routerは宣言的、データ、フレームワークの各モードでURLと画面・データを結ぶ。