August 5th, 2022 × #react#nextjs#performance
Supper Club × Lee Robinson on React Suspense, Server Components
Lee Robinson from Vercel discusses React Suspense, selective hydration, Next.js, and performance techniques.
In this supper club episode of Syntax, Wes and Scott talk with Lee Robinson from Vercel about React Suspense, server components, the edge, and more!
Lightstep Incident Response - Sponsor
Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of Lightstep Incident Response, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.
Pay for the services you use, not the number of people on your team with Lightstep Incident Response, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.
Gatsby - Sponsor
Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit gatsby.dev/syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Show Notes
- 00:35 Welcome
- 01:34 Guest introduction
- LeeRob.io
- Vercel
- 02:25 Syntax hosted on Vercel
- 04:08 What is suspense?
- 06:50 Benefits of selective hydration
- 13:15 Sponsor: Lightstep Incident Response
- 14:24 How does suspense know you're doing something inside of it?
- 18:02 How does this connect to server components in React?
- 22:00 How do we use this in NextJS?
- 24:32 NextJS routing future
- Layouts RFC
- 33:11 Will I ever be able to use web components inside NextJS?
- 36:12 Sponsor: Gatsby
- 37:14 What's happening with the Edge?
- Edge Runtime
- 47:37 What should we use for databases?
- 50:39 Supper Club dessert questions
- OhMyPosh
- Hyper
- Warp
- Svelte
- Hackernews
- 58:57 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ×××
Shameless Plugs
Tweet us your tasty treats
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets
