In short
An older pattern for sharing logic between components by passing a function as a prop that returns JSX — mostly superseded by hooks, but still seen in some libraries.
How to learn this
- 1Read an example render-props component — many charting/DnD libraries still use this.
- 2Rewrite a simple render-props component as a custom hook instead.
- 3Understand why hooks largely replaced this pattern for new code.
More topics at this stop
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.
