React Server Componentsで解決できること
React Server Componentsは以下の課題を解決する。
- FCP[^1], LCP[^2], TTI[^3]などWeb Vitals指標の改善(SSRでも解決できる)
- コンポーネント単位でレンダリング可能(SSRはページ単位)
- バンドルサイズ削減
- データ取得速度の改善
- SEOに有利
[1]: First Contentful Paint [2]: Largest Contentful Paint [3]: Time To Interactive
コンポーネントの描画とデータとの物理的な距離が近くなることでレイテンシが改善される。これによって、コンポーネントは自身の描画に必要な情報は自分自身で取得することが可能となる。