January 17th, 2024 × #react#javascript#webdev
React Server Components
In-depth discussion on new React server components feature including server-side rendering, async data fetching, forms, suspense and more.
Wes Bos Host
Scott Tolinski Host
Wes and Scott talk through server components, the difference between server components and client components, reasons to run something server side, how server components work, using forms and buttons, what they like and don't like about it, and tips to learn more.
Show Notes
- 00:10 Welcome
- 00:52 Syntax Brought to you by Sentry
- 01:39 New Heights with Scott and Wes
- 04:33 What are React Server Components?
- 10:52 The difference between server components and client components
- Tweet: "React Server + Client Components Visualized There is a bit of a learning curve to learn new patterns, but the ease of going between client and server will be worth it.
- 11:37 Why would you want to run something server side?
- 15:22 Components are server rendered by default
- 16:40 What is JS sprinkles?
- 17:29 How do server components work?
- 18:51 Moving an existing site to React server components take a while
- 20:27 The rules
- 27:12 Form Actions + Server Actions
- 32:07 Buttons can have actions
- 36:32 React Suspense
- 39:13 What we like
- Ryan Florence thread
- 41:54 What we don't like
- 47:13 Design patterns
- 47:35 Other things
- RSC Devtools
- Introducing Waku
- Mux
- 49:22 Sick Picks
Sick Picks
- Scott: ASUS ZenDrive V1M External DVD Drive
- Wes: Leatherman Arc
Shameless Plugs
- Scott: Syntax YouTube
- Wes: Wes Bos Courses
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
