RRU 018: Evolving Patterns in React with Alex Moldovan




React Round Up show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Lucas Reis</li> <li>Nader Dabit</li> </ul> <p><strong>Special Guests</strong>: Alex Moldovan</p> <p>In this episode of React Round Up, the panel discusses the article <a href="https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f"><em>Evolving Patterns in React</em></a> with its author, Alex Moldovan. Alex is from Romania and works at <a href="https://www.fortech.ro/?gclid=EAIaIQobChMIgL-12PSD3AIVhSJpCh3OHAXcEAAYASAAEgLC_fD_BwE">Fortech</a> as an engineering manager where he works mostly with the front-end development. He also is one of the co-founders of <a href="https://jsheroes.io/">JSHeroes</a>, which is the biggest <a href="https://www.javascript.com/">JavaScript</a> conference in Romania that also has a growing international community behind it. They answer some of Charles questions about <a href="https://reactjs.org/">React</a>, talk about his article, their thoughts on the new changes, and more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Lucas was on <a href="https://devchat.tv/react-round-up/rru-011-simple-react-patterns-with-lucas-reis">React Round Up Episode 11</a> </li> <li>Lucas intro – works for <a href="https://www.zocdoc.com/">Zocdoc</a> as a senior front-end developer</li> <li>Alex intro</li> <li>At <a href="https://www.fortech.ro/?gclid=EAIaIQobChMIgL-12PSD3AIVhSJpCh3OHAXcEAAYASAAEgLC_fD_BwE">Fortech</a> as an engineering manager</li> <li>Co-founder of <a href="https://jsheroes.io/">JSHeroes</a> </li> <li>His article <a href="https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f"><em>Evolving Patterns in React</em></a> </li> <li>React.createClass rather than ES6 class</li> <li>Started working with React in 2015</li> <li> <a href="https://reactjs.org/">React</a> and <a href="https://redux.js.org/">Redux</a> </li> <li>Nobody knew how to actually build an application in React in the beginning</li> <li>Mixins</li> <li>What has replaced the idea of mixins?</li> <li>Higher Order Components</li> <li><a href="https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce">Render Props article by Michael Jackson</a></li> <li>Implicit with mixins to explicit with render props</li> <li>What about <a href="https://reactjs.org/docs/context.html">Context</a>?</li> <li>Do you think these new changes are addressing how we build React apps?</li> <li>Thoughts on the new APIs and changes from 16 to 17</li> <li>Error boundaries</li> <li>Suspense</li> <li>Server-side rendering</li> <li>Using the <a href="https://reactjs.org/docs/react-component.html#constructor">Constructor</a> </li> <li>Evolving patterns</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://devchat.tv/react-round-up/rru-011-simple-react-patterns-with-lucas-reis">React Round Up Episode 11</a></li> <li><a href="https://www.zocdoc.com/">Zocdoc</a></li> <li><a href="https://www.fortech.ro/?gclid=EAIaIQobChMIgL-12PSD3AIVhSJpCh3OHAXcEAAYASAAEgLC_fD_BwE">Fortech</a></li> <li><a href="https://jsheroes.io/">JSHeroes</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f"><em>Evolving Patterns in React</em></a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce">Render Props article by Michael Jackson</a></li> <li><a href="https://reactjs.org/docs/context.html">React Context</a></li> <li>React Constructor</li> <li><a href="https://medium.com/@alexnm">Alex’s Medium</a></li> <li><a href="https://github.com/alexnm">Alex’s GitHub</a></li> <li><a href="https://twitter.com/alexnmoldovan?lang=en">@alexnmoldovan</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_medium=cpm&amp;utm_source=adventuresinng&amp;utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio">Kendo UI</a></li> <li><a href="https://www.lootcrate.com/">Loot Crate</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.starrealms.com/digital-game/">Star Realms</a></li> <li><a href="https://www.amazon.com/Potter-Hogwarts-Battle-Cooperative-Building/dp/B01EIKRP0K">Hogwarts Battles</a></li> </ul> <p>Lucas</p> <ul> <li><a href="https://speedcurve.com/">SpeedCurve</a></li> </ul> <p>Nader</p> <ul> <li><a href="https://github.com/dabit3/awesome-aws-appsync">AWS AppSync GitHub Repo</a></li> <li><a href="https://medium.com/open-graphql/building-ai-enabled-graphql-applications-d7fde3305062"><em>Building AI Enabled GraphQL Applications</em> by Nader</a></li> <li><a href="https://github.com/dabit3/appsync-lambda-ai">appsync-lambda-ai</a></li> </ul> <p>Alex</p> <ul> <li><a href="https://www.graph.cool/">Graphcool</a></li> <li><a href="https://www.prisma.io/">Prisma</a></li> <li><a href="https://js.tensorflow.org/">TensorFlow.js</a></li> </ul>