Building user search with React Server Components
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.
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 - Intro
- 1:37 - Overview of Ryan’s user search page
- 14:06 - React 18 Transitions and how RSC eliminates client states
- 28:25 - How to change the UX for initial server navigations vs. in-app client navigations while still having one entry point for your data
- 37:01 - Why Next.js 13 encourages you to learn about the Suspense and Transition primitives
- 43:33 - What would a simple boilerplate for RSC look like?
- 49:18 - Do the benefits of backends-as-a-service go away with RSC?