718: React Server Components

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 17 January 2024

⏱️ 56 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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 Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready.
0:08.0	Here is Scott Tolinsky and West Boss.
0:10.4	Welcome to Syntax, this is the React Server Components show. React Server Components have been sort of
0:17.8	cooking for, I don't know, what was it, December 2020 when they were first announced and here we are January
0:24.7	2024 so however many years that is I feel like we are finally at a spot where we
0:32.0	know what they are we can there's people using them in
0:34.9	production and we're at a spot now where react devs are going to say okay
0:40.0	what are these how do I use them what are the benefits what are the gotchas the
0:45.3	design patterns because it's it's a fairly substantial upgrade to react and
0:51.6	we're gonna talk all about the the pieces and how it works together.
0:56.8	But let's talk about Century. You have a React application and you are goofing some code up like I tend to do in your
1:05.0	react application you're going to need some error exception performance tracking
1:10.0	session replay telling you and helping you figure out what went wrong, where, how, all that good stuff.
1:17.4	So Century is fantastic for that.
1:19.6	Check it out, Century.io, use coupon code tasty treat for two months for free.
1:24.0	Sick.
1:25.0	How you doing today, Scott?
1:26.0	Oh, hey, man, doing...
1:28.0	I'm doing just about as good as one person can do.
1:32.0	To give some context we're recording us on January 9th.
1:36.3	Yesterday was Monday January 8th, aka Michigan won the national championship
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.