React Server Components Tutorial

This tutorial will guide you through learning React Server Components (RSC) with React on Rails Pro, from basic concepts to advanced features. The tutorial is divided into several parts that build upon each other:

1. Create React Server Component without SSR - Learn the fundamentals of React Server Components by creating a basic RSC page without server-side rendering.

2. Add Stream and Interactivity to RSC Page - Enhance your RSC page with streaming capabilities and client-side interactivity using Suspense and client components.

3. Server-Side Rendering for React Server Components - Add SSR to your React Server Components for improved initial page load performance.

4. Selective Hydration in Streamed Components - Learn about React's selective hydration feature and how it improves page interactivity.

5. How React Server Components Work - Dive deep into the technical details and underlying mechanisms of React Server Components.

6. React Server Components Rendering Flow - Understand the detailed rendering flow of RSC, including bundle types, current limitations, and future improvements.

Each part of the tutorial builds on the concepts from previous sections, so it's recommended to follow them in order. Let's begin with creating your first React Server Component!