React Server Components (RSCs) seem to be everywhere lately, but what problem do they really solve? In this video, Alex Booker from Ably (@CodeCast) explores RSCs from scratch, revealing the motivation and benefits behind them. You might be surprised to learn - they're not merely a React feature, but a fundamentally new model for building full-stack React applications with meta frameworks like Next 13.4 by Vercel.

TIMESTAMPS ⏰

00:00 Introduction

01:30 History

03:29 Introduction to RSC

04:35 Submitting with Server Actions

07:25 Reloading with Router

08:33 Referencing client components from server components

10:20 Server actions without forms

11:26 RSC benefits

12:08 RSC vs SSR

12:52 Streaming with Suspense

14:33 RSC performance benefits

16:03 Is RSC a feature or model?

17:07 Outro

LINKS MENTIONED 🔗

• Making Sense of React Server Components by Josh Comeau https://www.joshwcomeau.com/react/server-components/
• React Server Components vs SSR by Kodaps Academy https://www.youtube.com/watch
• Theo's video on RSC https://youtu.be/0jHFeGowIQ8
• React Server Components: the Good, the Bad, and the Ugly https://www.mayank.co/blog/react-server-components/
• React Server Components, without a framework? https://timtech.blog/posts/react-server-components-rsc-no-framework/

ABOUT ABLY 👋

Ably is an enterprise-grade pub/sub messaging platform. We make it easy to efficiently design, quickly ship, and seamlessly scale critical realtime functionality delivered directly to end-users. Every day, we deliver billions of realtime messages to millions of users for thousands of companies.

ABLY ON SOCIAL
Twitter https://twitter.com/ablyrealtime
LinkedIn https://www.linkedin.com/company/ably-realtime