Frontend First

Server-side rendering vs. Server Components

Jul 12, 2023

50:25

Creator website

AI Chapters

Episode notes

Introduction

6min

React Server Components: A Simple Architecture

3min

How to Get From Server Components to Client Components in a Browser

2min

Rendering React Server Components in the Browser

3min

The Importance of React Server Components

3min

How to Write a React App in SPA

2min

React Server Components: A Way to Generate Client Code

3min

How to Dynamically Generate a Client Code Bundle

3min

React Server Components and React Architecture

2min

10.

The Alternate History of React Server Components

6min

11.

How to Build a Better Client Code Bundle

2min

12.

How to Ship HTML From a React Server Component

2min

13.

How to Build a Dynamic Accounting Software

3min

14.

React Server Components

2min

15.

The Importance of React Server Components

4min

16.

How to Eliminate SSR and Motivate React Server Components

2min

17.

The Importance of Server Side Rendering

2min

18.

The Benefits of the New React Server Component Architecture

2min

Sam and Ryan explore different ways to think about the RSC architecture, including what problems RSC solve, why RSC are valuable even in a world without server-side rendering, and how React’s reconciliation phase enables RSC to make partial updates to the UI as a result of server-side events.

Topics include:

0:00 - Intro
5:45 - What if RSC were introduced before SSR?
10:54 - What does it mean to render RSC?
25:41 - Why SSR does not apply to Server Components
35:31 - Server-driven UI updates

Remember Everything You Learn from Podcasts

Save insights instantly, chat with episodes, and build lasting knowledge - all powered by AI.