David Atchley's guest appearances

David Atchley

React Round Up

Devchat.tv Episode Roundup

Eric Simons

Mark Erikson

Daishi Kato

Max Desiatov

Soumyajit Pathak

Alexey Ivanov

Andy Barnov

Tomas Eglinskas

Luis Vieira

Samuel Mendenhall

Ajay NS

Adam Laycock

Thomas Aylott

Aman Mittal

Colby Fayock

OwlTail

Panel:  Charles Max Wood Nader Dabit Cory House Kent C Dodds Special Guests: David AtchleyIn 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/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Charles Max Wood</li> <li>Nader Dabit</li> <li>Cory House</li> <li>Kent C Dodds</li> </ul>Special Guests: David AtchleyIn 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 <a href="https://tandem.ly/" rel="nofollow" target="_blank">Tandem.ly</a>. 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:<ul> <li>David intro</li> <li>What are higher-order components?</li> <li>What are render props?</li> <li>Higher-order components are patterned after higher-order functions</li> <li>Connect from React Redux</li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li>What are the use cases for higher-order components?</li> <li><a href="https://redux.js.org/" rel="nofollow" target="_blank">Redux</a></li> <li>Would you suggest writing a render prop instead in certain situations?</li> <li>Deciding to use a HOC or a render prop depends on the situation</li> <li>Think critically about the applications you are using</li> <li><a href="https://egghead.io/courses/advanced-react-component-patterns" rel="nofollow" target="_blank">Kent’s Advanced React Component Patterns Egghead Course</a></li> <li>Difference between render props and HOCs</li> <li>Build an HOC out of a render prop if you want to share code</li> <li> <a href="https://reactjs.org/docs/context.html" rel="nofollow" target="_blank">Context API</a> from React</li> <li>Concern with new Context API</li> <li>Problem with overuse</li> <li>How do you help people avoid overuse and misuse?</li> <li><a href="https://github.com/jamiebuilds/unstated" rel="nofollow" target="_blank">Unstated library by James Kyle</a></li> <li>Start developing code at the local level</li> <li><a href="https://facebook.github.io/react-native/" rel="nofollow" target="_blank">React Native</a></li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://tandem.ly/" rel="nofollow" target="_blank">Tandem.ly</a></li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li><a href="https://redux.js.org/" rel="nofollow" target="_blank">Redux</a></li> <li><a href="https://egghead.io/courses/advanced-react-component-patterns" rel="nofollow" target="_blank">Kent’s Egghead Course</a></li> <li><a href="https://reactjs.org/docs/context.html" rel="nofollow" target="_blank">Context API from React</a></li> <li><a href="https://github.com/jamiebuilds/unstated" rel="nofollow" target="_blank">Unstated library by James Kyle</a></li> <li><a href="https://facebook.github.io/react-native/" rel="nofollow" target="_blank">React Native</a></li> <li><a href="https://github.com/datchley" rel="nofollow" target="_blank">David’s GitHub</a></li> <li><a href="https://twitter.com/tuxz0r" rel="nofollow" target="_blank">@Tuxz0r</a></li> <li><a href="https://medium.com/tandemly" rel="nofollow" target="_blank">Tandem.ly Medium</a></li> </ul>Picks:Charles<ul> <li><a href="https://www.shellypalmer.com/2017/04/id-pay-500000-year-cant-work/" rel="nofollow" target="_blank">I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly Palmer</a></li> <li><a href="https://www.amazon.com/Liars-Progressives-Exploit-Fears-Control/dp/1476798885" rel="nofollow" target="_blank">Liars by Glenn Beck</a></li> </ul>Cory<ul> <li><a href="https://hackernoon.com/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9" rel="nofollow" target="_blank">CodeSandbox Live</a></li> <li><a href="https://babeljs.io/repl/" rel="nofollow" target="_blank">Babel repl</a></li> <li>React Cheat Sheet</li> <li><a href="https://conferences.oreilly.com/fluent/fl-ca" rel="nofollow" target="_blank">Fluent Conf</a></li> </ul>Nader<ul> <li><a href="https://www.amazon.com/Shoe-Dog-Memoir-Creator-Nike-ebook/dp/B0176M1A44" rel="nofollow" target="_blank">Shoe Dog by Phil Knight</a></li> <li><a href="https://tylermcginnis.com/building-serverless-react-graphql-apps-with-aws-appsync/" rel="nofollow" target="_blank">Nader’s Blog Post</a></li> </ul>Kent<ul> <li> <a href="https://blog.kentcdodds.com/answers-to-common-questions-about-render-props-a9f84bb12d5d" rel="nofollow" target="_blank">Answers to common questions about render props</a> blog post</li> <li> <a href="https://medium.com/dailyjs/reacts-%25EF%25B8%258F-new-context-api-70c9fe01596b" rel="nofollow" target="_blank">React’s new Context API</a> blog post</li> <li><a href="https://github.com/jamesplease/react-composer" rel="nofollow" target="_blank">React Composer</a></li> <li><a href="https://brandonsanderson.com/" rel="nofollow" target="_blank">Brandon Sanderson</a></li> <li><a href="https://hackernoon.com/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9" rel="nofollow" target="_blank">CodeSandbox Live</a></li> </ul>David<ul> <li><a href="https://cdb.reacttraining.com/react-inline-functions-and-performance-bdff784f5578" rel="nofollow" target="_blank">React, Inline Functions, and Performance by Ryan Florence</a></li> <li><a href="https://www.amazon.com/Build-Better-Products-Successful-User-Centered/dp/1933820586" rel="nofollow" target="_blank">Build Better Products by Laura Klein</a></li> </ul>Special Guest: David Atchley. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

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

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

Panel: <ul> <li>Charles Max Wood</li> <li>Nader Dabit</li> <li>Cory House</li> <li>Kent C Dodds</li> </ul> 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 <a href="https://tandem.ly/" rel="nofollow" target="_blank">Tandem.ly</a>. 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: <ul> <li>David intro</li> <li>What are higher-order components?</li> <li>What are render props?</li> <li>Higher-order components are patterned after higher-order functions</li> <li>Connect from React Redux</li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li>What are the use cases for higher-order components?</li> <li><a href="https://redux.js.org/" rel="nofollow" target="_blank">Redux</a></li> <li>Would you suggest writing a render prop instead in certain situations?</li> <li>Deciding to use a HOC or a render prop depends on the situation</li> <li>Think critically about the applications you are using</li> <li><a href="https://egghead.io/courses/advanced-react-component-patterns" rel="nofollow" target="_blank">Kent’s Advanced React Component Patterns Egghead Course</a></li> <li>Difference between render props and HOCs</li> <li>Build an HOC out of a render prop if you want to share code</li> <li><a href="https://reactjs.org/docs/context.html" rel="nofollow" target="_blank">Context API</a> from React</li> <li>Concern with new Context API</li> <li>Problem with overuse</li> <li>How do you help people avoid overuse and misuse?</li> <li><a href="https://github.com/jamiebuilds/unstated" rel="nofollow" target="_blank">Unstated library by James Kyle</a></li> <li>Start developing code at the local level</li> <li><a href="https://facebook.github.io/react-native/" rel="nofollow" target="_blank">React Native</a></li> <li>And much, much more!</li> </ul> Links: <ul> <li><a href="https://tandem.ly/" rel="nofollow" target="_blank">Tandem.ly</a></li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li><a href="https://redux.js.org/" rel="nofollow" target="_blank">Redux</a></li> <li><a href="https://egghead.io/courses/advanced-react-component-patterns" rel="nofollow" target="_blank">Kent’s Egghead Course</a></li> <li><a href="https://reactjs.org/docs/context.html" rel="nofollow" target="_blank">Context API from React</a></li> <li><a href="https://github.com/jamiebuilds/unstated" rel="nofollow" target="_blank">Unstated library by James Kyle</a></li> <li><a href="https://facebook.github.io/react-native/" rel="nofollow" target="_blank">React Native</a></li> <li><a href="https://github.com/datchley" rel="nofollow" target="_blank">David’s GitHub</a></li> <li><a href="https://twitter.com/tuxz0r" rel="nofollow" target="_blank">@Tuxz0r</a></li> <li><a href="https://medium.com/tandemly" rel="nofollow" target="_blank">Tandem.ly Medium</a></li> </ul> Picks: Charles <ul> <li><a href="https://www.shellypalmer.com/2017/04/id-pay-500000-year-cant-work/" rel="nofollow" target="_blank">I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly Palmer</a></li> <li><a href="https://www.amazon.com/Liars-Progressives-Exploit-Fears-Control/dp/1476798885" rel="nofollow" target="_blank">Liars by Glenn Beck</a></li> </ul> Cory <ul> <li><a href="https://hackernoon.com/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9" rel="nofollow" target="_blank">CodeSandbox Live</a></li> <li><a href="https://babeljs.io/repl/" rel="nofollow" target="_blank">Babel repl</a></li> <li>React Cheat Sheet</li> <li><a href="https://conferences.oreilly.com/fluent/fl-ca" rel="nofollow" target="_blank">Fluent Conf</a></li> </ul> Nader <ul> <li><a href="https://www.amazon.com/Shoe-Dog-Memoir-Creator-Nike-ebook/dp/B0176M1A44" rel="nofollow" target="_blank">Shoe Dog by Phil Knight</a></li> <li><a href="https://tylermcginnis.com/building-serverless-react-graphql-apps-with-aws-appsync/" rel="nofollow" target="_blank">Nader’s Blog Post</a></li> </ul> Kent <ul> <li><a href="https://blog.kentcdodds.com/answers-to-common-questions-about-render-props-a9f84bb12d5d" rel="nofollow" target="_blank">Answers to common questions about render props</a> blog post</li> <li><a href="https://medium.com/dailyjs/reacts-%25EF%25B8%258F-new-context-api-70c9fe01596b" rel="nofollow" target="_blank">React’s new Context API</a> blog post</li> <li><a href="https://github.com/jamesplease/react-composer" rel="nofollow" target="_blank">React Composer</a></li> <li><a href="https://brandonsanderson.com/" rel="nofollow" target="_blank">Brandon Sanderson</a></li> <li><a href="https://hackernoon.com/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9" rel="nofollow" target="_blank">CodeSandbox Live</a></li> </ul> David <ul> <li><a href="https://cdb.reacttraining.com/react-inline-functions-and-performance-bdff784f5578" rel="nofollow" target="_blank">React, Inline Functions, and Performance by Ryan Florence</a></li> <li><a href="https://www.amazon.com/Build-Better-Products-Successful-User-Centered/dp/1933820586" rel="nofollow" target="_blank">Build Better Products by Laura Klein</a></li></ul>