Understanding prop passing from RSC to Client Components
Aug 09, 2023•48 min•Ep. 170
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
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:
For the best experience, listen in Metacast app for iOS or Android