|
6 | 6 |
|
7 | 7 | June 24, 2025
|
8 | 8 |
|
9 |
| - |
10 | 9 | We're thrilled to announce a major update: [React on Rails Pro](https://www.shakacode.com/react-on-rails-pro/) now supports **React Server Components** and **Server‑Side Rendering (SSR) Streaming**. These features have driven significant performance gains in real‑world applications—here’s how they can transform yours.
|
11 | 10 |
|
12 | 11 | ## 🎯 What This Means for Your Applications
|
13 | 12 |
|
14 |
| -* **Faster load times** |
15 |
| -* **Smaller JavaScript bundles** |
16 |
| -* **Better Core Web Vitals** |
17 |
| -* **Improved SEO** |
18 |
| -* **Smoother user interactions** |
| 13 | +- **Faster load times** |
| 14 | +- **Smaller JavaScript bundles** |
| 15 | +- **Better Core Web Vitals** |
| 16 | +- **Improved SEO** |
| 17 | +- **Smoother user interactions** |
19 | 18 |
|
20 | 19 | ## 🔥 React Server Components
|
21 | 20 |
|
22 | 21 | Server Components execute on the server and stream HTML to the client—no extra JavaScript in your bundle. Real‑world results include:
|
23 | 22 |
|
24 |
| -* **62% reduction** in client‑side bundle size on productonboarding.com when migrating to RSC [[1]] |
25 |
| -* **63% improvement** in Google Speed Index on the RSC version of the same site [[1]] |
26 |
| -* **52% smaller** JavaScript codebase and Lighthouse scores rising from \~50 to 90+ on GeekyAnts.com [[2]] |
| 23 | +- **62% reduction** in client‑side bundle size on productonboarding.com when migrating to RSC [[1]] |
| 24 | +- **63% improvement** in Google Speed Index on the RSC version of the same site [[1]] |
| 25 | +- **52% smaller** JavaScript codebase and Lighthouse scores rising from \~50 to 90+ on GeekyAnts.com [[2]] |
27 | 26 |
|
28 | 27 | ## 🌊 SSR Streaming
|
29 | 28 |
|
30 | 29 | SSR Streaming sends HTML to the browser in chunks as it’s generated, enabling progressive rendering:
|
31 | 30 |
|
32 |
| -* **30% faster** full‑page load times at Hulu by combining streaming SSR with Server Components [[3]] |
33 |
| -* Popular libraries like styled‑components v3.1.0 have introduced streaming SSR support as the next generation of React app rendering [[4]] |
| 31 | +- **30% faster** full‑page load times at Hulu by combining streaming SSR with Server Components [[3]] |
| 32 | +- Popular libraries like styled‑components v3.1.0 have introduced streaming SSR support as the next generation of React app rendering [[4]] |
34 | 33 |
|
35 | 34 | ## 📊 Core Web Vitals & TTI Improvements
|
36 | 35 |
|
37 |
| -* **60% faster** Time to Interactive on Meta’s developer portal after adopting RSC (from 3.5 s to \~1.4 s) [[5]] |
38 |
| -* **45% quicker** First Contentful Paint in the same migration [[5]] |
39 |
| -* **50% lower** server response time with Server Components [[5]] |
40 |
| -* **15% improvement** in Core Web Vitals and **23% reduction** in Time to First Byte at Airbnb after RSC migration [[5]] |
| 36 | +- **60% faster** Time to Interactive on Meta’s developer portal after adopting RSC (from 3.5 s to \~1.4 s) [[5]] |
| 37 | +- **45% quicker** First Contentful Paint in the same migration [[5]] |
| 38 | +- **50% lower** server response time with Server Components [[5]] |
| 39 | +- **15% improvement** in Core Web Vitals and **23% reduction** in Time to First Byte at Airbnb after RSC migration [[5]] |
41 | 40 |
|
42 | 41 | ---
|
43 | 42 |
|
|
0 commit comments