RRU 012: The Future of Higher Order Components and Render Props with Paul Gray




React Round Up show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Nader Dabit</li> </ul> <p><strong>Special Guests</strong>: Paul Gray</p> <p>In this episode of React Round Up, the panel discusses the future of higher order components and render props with Paul Gray. Paul is a software developer at an educational technology company called <a href="https://learningobjects.com/#/">Learning Objects</a>. They have a learning platform there that helps instructional designers create better contents. They talk about how he got into programming and <a href="https://reactjs.org/">React</a>, when you would want to use HOCs and render props, and <a href="https://github.com/pfgray/chainable-components">chainable components</a>.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Paul intro</li> <li><a href="https://reactjs.org/">React</a></li> <li>How long have you been working with React?</li> <li>How did you get into programming?</li> <li>TI-89 Calculators in high school</li> <li>Software engineering degree in college</li> <li>Big fan of HOCs when they came out</li> <li><a href="https://github.com/pfgray/chainable-components">Chainable components</a></li> <li>Chainable components API</li> <li>Promises</li> <li>Anatomy of render prop components</li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://gist.github.com/MaiaVictor/bc0c02b6d1fbc7e3dbae838fb1376c80">async/await GitHub Gist</a></li> <li>Use cases</li> <li>Tool to share reusable code in React</li> <li>How long has this been in the works?</li> <li>With State</li> <li>Mapp</li> <li>Chain function</li> <li>Functional Programming</li> <li><a href="https://www.amazon.com/Functional-Programming-Scala-Paul-Chiusano/dp/1617290653"><em>Functional Programming in Scala</em> by Paul Chiusano</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://learningobjects.com/#/">Learning Objects</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://github.com/pfgray/chainable-components">Chainable components</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://gist.github.com/MaiaVictor/bc0c02b6d1fbc7e3dbae838fb1376c80">async/await GitHub Gist</a></li> <li><a href="https://www.amazon.com/Functional-Programming-Scala-Paul-Chiusano/dp/1617290653"><em>Functional Programming in Scala</em> by Paul Chiusano</a></li> <li><a href="https://github.com/pfgray">Paul’s GitHub</a></li> <li><a href="https://paulgray.net/">PaulGray.net</a></li> </ul> <p><strong>Picks:</strong></p> <p>Nader</p> <ul> <li><a href="https://viromedia.com/viroreact/">Viro React</a></li> <li><a href="https://blog.expo.io/?gi=355cf7e2e5ce">Expo blog</a></li> </ul> <p>Paul</p> <ul> <li><a href="https://en.wikipedia.org/wiki/The_Great_Interior_Design_Challenge">The Great Interior Design Challenge</a></li> <li><a href="https://www.amazon.com/Little-Tikes-Cozy-Coupe-Anniversary/dp/B001NQHN7S">Little Tikes Red Car</a></li> </ul>