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/release-notes/15.0.0.md
+23-7Lines changed: 23 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,15 +11,31 @@ Experience the future of React with full RSC integration in your Rails apps:
11
11
- Enable powerful new patterns for data fetching
12
12
- ⚡️ Requires React on Rails Pro - [See the full tutorial](https://www.shakacode.com/react-on-rails-pro/docs/react-server-components-tutorial)
13
13
14
-
### Improved Component Hydration
14
+
### 🚀 Major Performance Breakthrough: Early Hydration
15
15
16
-
Major improvements to component and store hydration:
16
+
**React on Rails now starts hydration even before the full page is loaded!** This revolutionary change delivers significant performance improvements across all pages:
17
+
18
+
-**Eliminates Race Conditions**: No more waiting for full page load before hydration begins
19
+
-**Faster Time-to-Interactive**: Components hydrate as soon as their server-rendered HTML reaches the client
20
+
-**Streaming HTML Optimization**: Perfect for modern streaming responses - components hydrate in parallel with page streaming
21
+
-**Async Script Safety**: Can use `async` scripts without fear of race conditions
22
+
-**No More Defer Needed**: The previous need for `defer` to prevent race conditions has been eliminated
23
+
24
+
This optimization is particularly impactful for:
25
+
-**Streamed pages** where content loads progressively
26
+
-**Large pages** with many components
27
+
-**Slow network conditions** where every millisecond counts
28
+
-**Modern web apps** requiring fast interactivity
29
+
30
+
*Performance improvement visualization:*
31
+
32
+

33
+
34
+
*The image above demonstrates the dramatic performance improvement:*
35
+
-**Left (Before)**: Hydration didn't start until the full page load completed, causing a huge delay before hydration
36
+
-**Right (After)**: Hydration starts immediately as soon as components are available, without waiting for full page load
37
+
-**Result**: Components now become interactive much faster, eliminating the previous race condition delays
17
38
18
-
- Components and stores now hydrate immediately rather than waiting for page load
19
-
- Enables faster hydration, especially beneficial for streamed pages
20
-
- Components can hydrate before the page is fully streamed
21
-
- Can use `async` scripts in the page with no fear of race condition
0 commit comments