Understanding prop passing from RSC to Client Components
Podcast |
Frontend First
Publisher |
Sam Selikoff, Ryan Toronto
Media Type |
audio
Podknife tags |
Design, 
Technology, 
User Experience, 
Web Development
Categories Via RSS |
Technology
Publication Date |
Aug 09, 2023
Episode Duration |
00:48:11

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:

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.

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:

This episode currently has no reviews.

Submit Review
This episode could use a review!

This episode could use a review! Have anything to say about it? Share your thoughts using the button below.

Submit Review