Player FM ऐप के साथ ऑफ़लाइन जाएं!
Building user search with React Server Components
Manage episode 355491448 series 1635850
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?
Links:
185 एपिसोडस
Manage episode 355491448 series 1635850
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?
Links:
185 एपिसोडस
सभी एपिसोड
×प्लेयर एफएम में आपका स्वागत है!
प्लेयर एफएम वेब को स्कैन कर रहा है उच्च गुणवत्ता वाले पॉडकास्ट आप के आनंद लेंने के लिए अभी। यह सबसे अच्छा पॉडकास्ट एप्प है और यह Android, iPhone और वेब पर काम करता है। उपकरणों में सदस्यता को सिंक करने के लिए साइनअप करें।