Listen "Building user search with React Server Components"
Episode Synopsis
Ryan talks about a demo he built in Next.js 13 with React Server Components. He explains how RSC driven by the URL eliminated client-side states, how he used React 18 Transitions to enhance the UI, and how he was able to fine-tune the experience differently for the initial render vs. subsequent client-side navigations.Topics include:0:00 - Intro1:37 - Overview of Ryan’s user search page14:06 - React 18 Transitions and how RSC eliminates client states28:25 - How to change the UX for initial server navigations vs. in-app client navigations while still having one entry point for your data37:01 - Why Next.js 13 encourages you to learn about the Suspense and Transition primitives43:33 - What would a simple boilerplate for RSC look like?49:18 - Do the benefits of backends-as-a-service go away with RSC?Links:Ryan’s demo on Twitter
More episodes of the podcast Frontend First
Creating a background gradient from an image
12/12/2024
Exploring useActionState
14/11/2024
Can you self-host Next.js?
10/10/2024
Tom Occhino on the future of React
18/09/2024
Render props
05/09/2024
Controlled and uncontrolled components
28/08/2024
Unstyled React components
15/08/2024
What is a framework?
01/08/2024
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.