コンポーネント

{/* コンポーネント名は英語のままでも問題ないことが多い */}

ユーティリティ

{/* ユーティリティ名も英語のままでも問題ないことが多い */}
ガイド

サーバーサイドレンダリング

Radix Primitivesはサーバー上でレンダリングできます。ただし、Reactバージョン18未満のPrimitivesは、IDのハイドレーションに依存しています。

概要

サーバーサイドレンダリング、またはSSRとは、クライアント側だけでレンダリングするのではなく、サーバー上でコンポーネントをHTMLにレンダリングするために使用される手法です。

静的レンダリングは、もう1つの同様のアプローチです。リクエストごとにレンダリングするのではなく、ビルド時にページをHTMLにプリレンダリングします。

すべてプリミティブは両方のアプローチで使用できます。例えば、Next.jsRemix、あるいはGatsbyなどで使用できます。

なるほど

React バージョン 18 より前のプリミティブは、サーバーとクライアントの不一致エラーを回避するために、aria 属性で使用される ID のハイドレーションに依存しています。

言い換えれば、スクリーンリーダーユーザーにとっての インタラクティブになるまでの時間 は、JS バンドルのダウンロード速度に依存します。サーバーサイドで ID を生成してこのエクスペリエンスを向上させたい場合は、React 18 にアップグレードすることをお勧めします。