You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/react-on-rails-pro/react-server-components.md
+28-30Lines changed: 28 additions & 30 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,25 +18,39 @@ We're thrilled to announce a major update: [React on Rails Pro](https://www.shak
18
18
19
19
## 🔥 React Server Components
20
20
21
-
Server Components execute on the server and stream HTML to the client—no extra JavaScript in your bundle. Real‑world results include:
22
-
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]]
21
+
Server Components execute on the server and stream HTML to the client—no server-side JavaScript in your bundle. Real‑world results include:
-[geekyants.com Case Study](https://geekyants.com/en-gb/blog/boosting-performance-with-nextjs-and-react-server-components-a-geekyantscom-case-study):
28
+
-**52% smaller** JavaScript and TypeScript codebase
29
+
- Lighthouse scores improved **from \~50 to \~90**
-**25% decrease** in overall maintenance complexity
39
+
40
+
Please note that only the first of these directly compares performance of equivalent applications with and without React Server Components.
41
+
Other migrations may include React or other dependency upgrades and so on.
26
42
27
43
## 🌊 SSR Streaming
28
44
29
45
SSR Streaming sends HTML to the browser in chunks as it’s generated, enabling progressive rendering:
30
46
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]]
33
-
34
-
## 📊 Core Web Vitals & TTI Improvements
35
-
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]]
47
+
-[An experiment at Nordnet comparing equivalent applications with and without streaming SSR](https://www.diva-portal.org/smash/get/diva2:1903931/FULLTEXT01.pdf):
48
+
-**32% faster** time to first byte
49
+
-**40% faster** total blocking time
50
+
- Negative result: **2% increase** in server load
51
+
-[Hulu case study](https://www.compilenrun.com/docs/framework/nextjs/nextjs-ecosystem/nextjs-case-studies/#case-study-3-hulus-streaming-platform):
52
+
-**30% faster** page load times
53
+
-[styled‑components v3.1.0: A massive performance boost and streaming server-side rendering support](https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03)
40
54
41
55
---
42
56
@@ -49,19 +63,3 @@ Adopting these features in React on Rails Pro will help you deliver faster, lean
49
63
3. Follow our [RSC & SSR Streaming migration guide](https://www.shakacode.com/react-on-rails-pro/docs/react-server-components-tutorial.md)
50
64
51
65
Let’s make your apps faster—together.
52
-
53
-
---
54
-
55
-
## 📚 References
56
-
57
-
1. productonboarding.com experiment: 62% bundle reduction, 63% Speed Index gain ([frigade.com][1])
58
-
2. GeekyAnts.com case study: 52% code reduction, Lighthouse 50→90+ ([geekyants.com][2])
59
-
3. Hulu—30% faster full‑page loads with streaming SSR + RSC ([questlab.pro][3])
60
-
4. styled‑components v3.1.0: introduced streaming SSR support as the next generation of React rendering. ([medium.com][4])
0 commit comments