Radix Primitivesはサーバー上でレンダリングできます。ただし、Reactバージョン18未満のPrimitivesは、IDのハイドレーションに依存しています。
サーバーサイドレンダリング、またはSSR
とは、クライアント側だけでレンダリングするのではなく、サーバー上でコンポーネントをHTMLにレンダリングするために使用される手法です。
静的レンダリングは、もう1つの同様のアプローチです。リクエストごとにレンダリングするのではなく、ビルド時にページをHTMLにプリレンダリングします。
すべてプリミティブは両方のアプローチで使用できます。例えば、Next.js、Remix、あるいはGatsbyなどで使用できます。
React バージョン 18 より前のプリミティブは、サーバーとクライアントの不一致エラーを回避するために、aria 属性で使用される ID のハイドレーションに依存しています。
言い換えれば、スクリーンリーダーユーザーにとっての インタラクティブになるまでの時間 は、JS バンドルのダウンロード速度に依存します。サーバーサイドで ID を生成してこのエクスペリエンスを向上させたい場合は、React 18 にアップグレードすることをお勧めします。