TECHNOLOGY COMPARE

Fresh / React Router

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

DIRECT COMPARISON

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

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

Webサイト・Webアプリ

Fresh

Deno向けに初期JavaScriptを抑えるWebフレームワーク。サーバー描画を基本に、必要なアイランドだけを対話化する。

何を担当する?

サーバー描画を基本に、必要なアイランドだけを対話化する。

いつ使う?

  • DenoとWeb標準を使い、軽い配信を重視するとき。

避けたい場面

  • Node.js専用パッケージへの互換性が必須のとき。
Webサイト・Webアプリ

React Router

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

何を担当する?

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

いつ使う?

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

避けたい場面

  • Reactを使わない画面の経路制御を行うとき。
DIRECT RELATION

React RouterとFreshはWebアプリ全体の描画・ルーティング・配備方式で比較される。宣言的、データ、フレームワークの各モードでURLと画面・データを結ぶ。一方、Freshはサーバー描画を基本に、必要なアイランドだけを対話化する。