PLAY PODCASTS
Render props
Episode 195

Render props

Sam and Ryan talk about render props in React. They discuss where they came from, how Hooks superseded them for sharing stateful logic, how data attributes compare to them for customizing styling, and how for certain complex components like forms they're still a great solution for accessing slices of internal state.

Frontend First

September 5, 202434m 43s

Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

Sam and Ryan talk about render props in React. They discuss where they came from, how Hooks superseded them for sharing stateful logic, how data attributes compare to them for customizing styling, and how for certain complex components like forms they're still a great solution for accessing slices of internal state.

Timestamps:

  • 0:00 - Intro
  • 3:40 - Where did render props come from?
  • 6:01 - How hooks replaced many use cases for render props
  • 8:14 - Using render props for custom styling
  • 10:32 - Data attributes vs. render props for custom styling
  • 16:43 - Using render props to peek into an uncontrolled component's internal state
  • 21:05 - Forms example and using render props for a smaller public API
  • 24:10 - React docs mention of render props
  • 25:48 - Where render props shine

Links: