React Server Components 🧐

JS Party: JavaScript, CSS, Web Development

The week Amal & guest co-host Eric Clemmons talk to Dan Abramov all about React Server Components. We learn about why they were created, what problems they solve & how they work to improve application performance. We also dive into the rollout and current support status, the origin story, the community response & walk through the 10+ years of React history which have forever shifted the world of web development.

Join the discussion

Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

• Vercel – Zero configuration for over 35 frameworks Vercel is the Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
• PowerSync – Don’t build your own sync layer! PowerSync enables an offline-first architecture to make your application real-time and reactive. PowerSync is framework agnostic with open source client SDKs and plugs into your existing database, backend, and application to give you an offline-first/local-first architecture without having to build your own sync layer.
• Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.

Featuring:

• Dan Abramov – Website, GitHub, X
• Amal Hussein – GitHub, X
• Eric Clemmons – GitHub, X

Show Notes:

• Changelog Beats! Dance Party
• Making Sense of React Server Components
• How Next.js is delivering React’s vision for the future
• Simplifying Server Components
• React Server Components with Aurora Walberg
• “React from Another Dimension” by Dan Abramov at #RemixConf 2023 (YouTube)
• Data Fetching with React Server Components
• RFC: React Server Components (Github)
• Next.js 13: Server Components (docs)
• “Data Fetching with React Server Components” initial 2020 vision (YouTube)
• JavaScript Fatigue
• Click to Component (Github)

Something missing or broken? PRs welcome!

Chapter

1. It's (Dance Party!) time, y'all (00:00:00)

https://changelog.com/beats/dance-party

2. Sponsor: Vercel (00:00:39)

https://vercel.com/changelogpod

3. Hello, JS Party listeners (00:03:22)

4. Welcoming Dan Abramov (00:04:58)

5. Welcoming Eric Clemmons (00:06:33)

6. click-to-component (00:07:54)

7. React love stories (00:09:03)

8. JavaScript fatigue (00:15:42)

9. The evolution of React (00:19:14)

10. The uncanny valley (00:40:57)

11. Sponsor: PowerSync (00:47:58)

https://www.powersync.com/changelog

12. First-class data fetching (00:51:30)

13. Client-first FUD? (01:06:46)

14. RSC in the networking tab (01:12:41)

15. The bundler question (01:16:38)

16. No server required? (01:21:49)

17. On linting (01:38:04)

18. Next & integrations (01:40:02)

19. So... the name (01:53:44)

20. The rollout: differently? (01:57:31)

21. Dan's one web wish (02:00:55)

22. Wrapping up (02:04:05)

23. Next up on the pod (Dance Party!) (02:06:14)

https://changelog.com/beats/dance-party