Render Props in React

Render Props in React — a practical guide to React render props with clear examples you can reuse in real projects.

React Tutorial Series (74/103). Prefer one article? Read the complete React tutorial.

Short description

Also largely superseded by hooks for new code.

Render prop idea

<Mouse>{({ x, y }) => <cursor x={x} y={y} />}</Mouse>