Demystifying React Server Components

The presentation and demos for my talk discussing React Server Components. First given at Connect Tech 2024.

• Presentation
• PHP SSR Demo
• React SPA Demo
• Next.js SSR Pages Demo

Getting Started

1. Clone the repo
2. pnpm install
3. pnpm run dev
4. Open http://localhost:3000 with your browser to see the result.

Paginated Products Page

This uses pure server components to demonstrate pagination.

Infinite Scroll Products Page

This uses RSC for the main loading but we have a simple client component to handle the intersection observer.

Contact Us Page

This demonstrates server actions and form validation.

Database

There is no database. All the data is statically generated and I'm simulating the database using delays. This does not demonstrate how to use the Fetch API cache but that's intentional!