How to Use a React Hook in a Class Component
A guide to using React hooks in class components via a wrapper component with a render prop, for legacy codebases.
A guide to using React hooks in class components via a wrapper component with a render prop, for legacy codebases.
Explains the Render Props pattern in React for sharing code and functionality between components, including its purpose and implementation.
Three approaches to solve the nesting problem known as 'render props callback hell' in React component design.
The author has added a new chapter on render props to their existing TypeScript and React guide.
Explores the future of React render props with the rise of Hooks, comparing implementations and arguing both have a place.
Explores the evolution of React Context API and how new features like Hooks simplify consuming multiple contexts in components.
A tutorial explaining React's Render Props pattern by building a currency converter component.
A guide to combining multiple advanced React patterns like Render Props, Compound Components, and HOCs into a single component.
Explores the power of React's render prop pattern for building composable, flexible components, using Downshift as a key example.
A historical React article explaining when to avoid the render props pattern, advocating for custom hooks as a superior alternative.
Answers common React render props questions on performance and code organization, with examples from community feedback.
A guide on testing React components that use render prop components, covering integration and E2E testing strategies.
Explains the prop getters pattern in React, using downshift and react-toggled as examples to give users rendering control.
Introducing downshift, a React library using render props to build flexible and accessible autocomplete/combobox components.