Render Props are Not Dead

on YouTube ↗32m

" summary

Argues that render props still win when the goal is injecting state inside JSX without forcing a whole-component rerender, shows converting HOC -> render props -> custom hook and back, and demonstrates a real failure mode: rapid updates trigger the triangle of death against a slow third-party component. Provides concrete code patterns, explains when to return objects vs tuples from hooks, and shows the render-prop wrapper that keeps heavy children from re-rendering while the state injection continues to work.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 2:28Mixins
3. 3:02Hawks
4. 6:28Render Prompts
5. 9:56How do we know
6. 13:28Hooks
7. 16:55Function Component
8. 17:35Recap
9. 18:44Minihooks
10. 21:50Conclusion
11. 22:27Thank you

" related talks

• 36mReusing Stateful Logic in React: HOC vs Render Props vs HooksMatteo Frana · reactjsday 2019
• 23mDemystifying Higher order components and Render PropsNitish Phanse · ReactFoo Hyderabad 2018
• 22mPowering Code Reuse with Context and Render PropsForbes Lindesay · React Day Berlin 2018
• 33mReact Advanced PatternsManjula Dube · FrontCon 2019
• 06mRender Props, PureComponent and ReactivityKarl Dray · React Conf 2018
• 28mThe State of React State in 2019Becca Bailey · React Conf 2019
• 35mAdvanced patterns in building React ComponentsManjula Dube · ReactJS Day 2018
• 27mThe weird things about ReactNik Graf · React Finland 2022