An introduction to React Server Components

React Server Components (RSCs) seem to be everywhere lately, but what problem do they really solve? In this video, Alex Booker from Ably (@bookercodes) 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?v=jEJEFAc8tSI - 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