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

Panel: Charles Max WoodNader DabitCory HouseKent 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 introWhat are higher-order components?What are render props?Higher-order components are patterned after higher-order functionsConnect from React ReduxReactWhat are the use cases for higher-order components?ReduxWould you suggest writing a render prop instead in certain situations?Deciding to use a HOC or a render prop depends on the situationThink critically about the applications you are usingKent’s Advanced React Component Patterns Egghead CourseDifference between render props and HOCsBuild an HOC out of a render prop if you want to share codeContext API from ReactConcern with new Context APIProblem with overuseHow do you help people avoid overuse and misuse?Unstated library by James KyleStart developing code at the local levelReact NativeAnd much, much more! Links: Tandem.lyReactReduxKent’s Egghead CourseContext API from ReactUnstated library by James KyleReact NativeDavid’s [email protected] Medium Picks: Charles I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly PalmerLiars by Glenn Beck Cory