Render Props

Summary

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.

• 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.