React Round Up

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


Listen Later

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!
Links:
  • Tandem.ly
  • React
  • Redux
  • Kent’s Egghead Course
  • Context API from React
  • Unstated library by James Kyle
  • React Native
  • David’s GitHub
  • @Tuxz0r
  • Tandem.ly Medium
Picks: Charles
  • I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly Palmer
  • Liars by Glenn Beck
Cory
  • CodeSandbox Live
  • Babel repl
  • React Cheat Sheet
  • Fluent Conf
Nader
  • Shoe Dog by Phil Knight
  • Nader’s Blog Post
Kent
  • Answers to common questions about render props blog post
  • React’s new Context API blog post
  • React Composer
  • Brandon Sanderson
  • CodeSandbox Live
David
  • React, Inline Functions, and Performance by Ryan Florence
  • Build Better Products by Laura Klein
Special Guest: David Atchley.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
...more
View all episodesView all episodes
Download on the App Store

React Round UpBy Charles M Wood

  • 4.5
  • 4.5
  • 4.5
  • 4.5
  • 4.5

4.5

18 ratings


More shows like React Round Up

View all
Software Engineering Radio - the podcast for professional software developers by se-radio@computer.org

Software Engineering Radio - the podcast for professional software developers

272 Listeners

The Joe Rogan Experience by Joe Rogan

The Joe Rogan Experience

225,442 Listeners

Talk Python To Me by Michael Kennedy

Talk Python To Me

592 Listeners

React Native Radio by Jamon Holmgren, Robin Heinze, Mazen Chami

React Native Radio

59 Listeners

Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Syntax - Tasty Web Development Treats

983 Listeners

CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

CoRecursive: Coding Stories

189 Listeners

Practical AI by Practical AI LLC

Practical AI

189 Listeners

Huberman Lab by Scicomm Media

Huberman Lab

28,288 Listeners