← Page-Type Lab に戻る
SSR · React フルスタック · 標準 DOM · script 注入可

Remix — 対応

Remix のネスト ルートによるサーバ描画ページを再現。loader/action でデータを供給しつつ、出力は標準 DOM。widget の対象になる。

ルート ページ

サーバの loader が返したデータを React が描画。hydration 後もマークアップは標準 HTML 要素のまま。

Web 標準(fetch / FormData)に忠実なフルスタック Remix ページ。

低コントラスト文(widget の contrast 機能の対象サンプル)。

ネスト ルート出力

親レイアウトと子ルートが合成された通常の DOM ツリー。