Skip to content

Commit 96275f5

Browse files
update v15 release notes
1 parent c2cd789 commit 96275f5

File tree

1 file changed

+23
-7
lines changed

1 file changed

+23
-7
lines changed

docs/release-notes/15.0.0.md

Lines changed: 23 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,31 @@ Experience the future of React with full RSC integration in your Rails apps:
1111
- Enable powerful new patterns for data fetching
1212
- ⚡️ Requires React on Rails Pro - [See the full tutorial](https://www.shakacode.com/react-on-rails-pro/docs/react-server-components-tutorial)
1313

14-
### Improved Component Hydration
14+
### 🚀 Major Performance Breakthrough: Early Hydration
1515

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+
![Performance comparison showing early hydration improvement](https://github.com/user-attachments/assets/ae33fe14-42f1-4cc1-bde3-9c5bb570cdbf)
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
1738

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
22-
- No need to use `defer` anymore
2339

2440
### Enhanced Script Loading Strategies
2541

0 commit comments

Comments
 (0)