214 subscribers
התחל במצב לא מקוון עם האפליקציה Player FM !
Implementing RSC, Part 1: Rendering
Manage episode 378310170 series 1635850
Ryan shares how building his own RSC implementation from scratch helped him better understand React’s new paradigm. He and Sam talk about how a client React app can fetch an RSC Payload from a server endpoint to update the UI, how an RSC server renders and bundles Client code that’s part of a Server Component tree, and how a client-side Router can be used to fetch new RSC trees based on the URL.
Topics include:
- 0:00 - Intro
- 2:48 - Making a server endpoint that a client React app can use to re-render the UI
- 15:42 - How the bundling step shims Client Components during a server render with a reference that the client app can later use to execute browser code
- 35:16 - How the React Component API unifies server and client functionality in a single composable interface
- 38:54 - How a client-side router can render different server trees based on the URL
- 49:09 - Reference projects used
Links:
201 פרקים
Manage episode 378310170 series 1635850
Ryan shares how building his own RSC implementation from scratch helped him better understand React’s new paradigm. He and Sam talk about how a client React app can fetch an RSC Payload from a server endpoint to update the UI, how an RSC server renders and bundles Client code that’s part of a Server Component tree, and how a client-side Router can be used to fetch new RSC trees based on the URL.
Topics include:
- 0:00 - Intro
- 2:48 - Making a server endpoint that a client React app can use to re-render the UI
- 15:42 - How the bundling step shims Client Components during a server render with a reference that the client app can later use to execute browser code
- 35:16 - How the React Component API unifies server and client functionality in a single composable interface
- 38:54 - How a client-side router can render different server trees based on the URL
- 49:09 - Reference projects used
Links:
201 פרקים
Tous les épisodes
×

1 Creating a background gradient from an image 48:39




1 Cloudflare Tunnel | React Compiler | refs during render 42:46


1 useAnimatedText | Events vs. State Changes | Catalyst 1:08:19




1 Tom Occhino on the future of React 1:00:27


1 Controlled and uncontrolled components 47:25






1 Crossover: Declaring War Against the Frontend 59:17


1 Blog Post Club: Queueing - An interactive study of queueing strategies 46:27




1 Technical Cost vs. Product Benefit 1:14:10
ברוכים הבאים אל Player FM!
Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.