Episode 7: RRU 007: Breaking up with Higher Order Components with David Atchley

React Round Up

English - April 17, 2018 10:00 - 1 hour - 65.5 MB - ★★★★★ - 18 ratings
How To Education News Tech News react reactjs javascript front-end framework software development Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: Episode 6: RRU 006: Setting Up and Getting Used to Gatsby with Aman Mittal

Next Episode: Episode 8: RRU 008: The Framework Summit with Joe Eames

Panel:

Charles Max Wood
Nader Dabit
Cory House
Kent C Dodds

Special Guests: David Atchley

In this episode of React Round Up, the panel discuss breaking up with higher-order components with David Atchley. David has been doing software development for 24 years now and has worked mostly in web development. He has worked at many places from start-ups to large companies and does client work currently for Tandem.ly. They talk about what higher-order components and render props are and when you would want to use them to help you in your code. They also touch on overuse and misuse of applications and coding tools and the difference between using render props and HOCs.

In particular, we dive pretty deep on:

David intro
What are higher-order components?
What are render props?
Higher-order components are patterned after higher-order functions
Connect from React Redux
React
What are the use cases for higher-order components?
Redux
Would you suggest writing a render prop instead in certain situations?
Deciding to use a HOC or a render prop depends on the situation
Think critically about the applications you are using
Kent’s Advanced React Component Patterns Egghead Course
Difference between render props and HOCs
Build an HOC out of a render prop if you want to share code
Context API from React
Concern with new Context API
Problem with overuse
How do you help people avoid overuse and misuse?
Unstated library by James Kyle
Start developing code at the local level
React Native
And much, much more!