Render Props

Definitions

1. A React pattern where a component receives a function as a prop (often named render or children) and calls it with its internal state or logic, allowing the consumer to control what is rendered while the provider component manages behavior like data fetching, mouse tracking, or form state.

   In plain English: A React technique where a component shares its internal data by calling a function you give it, letting you decide what to display with that data.

   Example: "Before hooks, render props were the go-to pattern for sharing stateful logic — the Mouse component passed its coordinates to whatever you rendered."

Related Terms

• Mediator Pattern
• Model-View-Presenter
• Model-View-ViewModel
• MVP Pattern
• Null Object Pattern
• Object Pool
• Provider
• Provider Pattern
• Reconciliation
• Relay
• RSC