Understanding prop passing from RSC to Client Components

Frontend First

Inhalt bereitgestellt von Frontend First, Sam Selikoff, and Ryan Toronto. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Frontend First, Sam Selikoff, and Ryan Toronto oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

2y ago 48:11

MP3•Episode-Home

Sam and Ryan discuss how TypeScript helped them understand the mechanics of how props get passed from Server Components to Client Components, and how to properly type client component props if the prop starts out as a rich data type on the server. They also clarify some points from last episode’s discussion about the RSC payload.

Topics include:

0:00 - Intro
0:40 - Clarifying what the RSC Payload actually is
10:12 - Understanding prop serialization when passing props from Server Components to Client Components
23:38 - How to define TypeScript types for serialized props, and Remix’s SerializeFrom helper

Links:

Ryan’s RSC course on Build UI

201 Episoden

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs