Skip to content
Understanding prop passing from RSC to Client Components episode artwork

EPISODE · Aug 9, 2023 · 48 MIN

Understanding prop passing from RSC to Client Components

from Frontend First · host Frontend First

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

Episode metadata supplied by the publisher feed · Published Aug 9, 2023

Embed this episode

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.

Distinct summary based on available episode metadata or transcript content.

Ready to play

Understanding prop passing from RSC to Client Components

0:00 48:11

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar podcasts found.

Frequently Asked Questions

How long is this episode of Frontend First?

This episode is 48 minutes long.

When was this Frontend First episode published?

This episode was published on August 9, 2023.

Can I download this Frontend First episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!