RRU 016: React, Redux, and JavaScript Architecture with James Sinclair




React Round Up show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Sia Karamalegos</li> <li>Nader Dabit</li> </ul> <p><strong>Special Guests</strong>: Jared Palmer</p> <p>In this episode of React Round Up, the panel discusses the article <a href="https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/"><em>React, Redux, and JavaScript Architecture</em></a><em> </em>with the author James Sinclair. James is a web developer in Australia and he works at <a href="https://www.squiz.net/">Squiz</a> were he focuses on building a digital web place. They talk about his article and why he chose to write it, where he falls on the whole <a href="https://redux.js.org/">Redux</a> debate, how to convince people to come to Redux, and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>James intro</li> <li><a href="https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/"><em>React, Redux, and JavaScript Architecture</em></a></li> <li>Why were the people you are working with wary of leaving <a href="https://www.javascript.com/">JavaScript</a>?</li> <li><a href="https://jquery.com/">jQuery</a></li> <li>Great article on explaining why we use <a href="https://reactjs.org/">React</a> </li> <li>Why React can be fast</li> <li>Is your team now moving to React or have they already moved over?</li> <li>Where do you fall on the <a href="https://redux.js.org/">Redux</a> debate?</li> <li>Redux’s “disadvantages” are actually advantages</li> <li>What is your current stack of choice?</li> <li><a href="http://downshift.netlify.com/?selectedKind=Examples&amp;selectedStory=basic&amp;full=0&amp;addons=1&amp;stories=1&amp;panelRight=0">Downshift</a></li> <li><a href="https://github.com/rikschennink/conditioner">Conditioner.js</a></li> <li>Most React tutorials assume you’re working on a single-page web app</li> <li>Sprinkles of jQuery</li> <li>Learning Redux helps to learn in a more functional way</li> <li>Functional programming as an influence to learn Redux</li> <li>Managing state</li> <li>How do you convince someone to learn Redux?</li> <li>Thoughts on <a href="https://graphql.org/">GraphQL</a> </li> <li> <a href="https://github.com/apollographql/apollo-server">Apollo Server</a> and <a href="https://www.prisma.io/">Prisma</a> </li> <li><a href="https://github.com/stimulusjs/stimulus">Stimulus</a></li> <li><a href="https://www.apollographql.com/docs/link/links/state.html">Apollo Link State</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/"><em>React, Redux, and JavaScript Architecture</em></a></li> <li><a href="https://www.squiz.net/">Squiz</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://jquery.com/">jQuery</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="http://downshift.netlify.com/?selectedKind=Examples&amp;selectedStory=basic&amp;full=0&amp;addons=1&amp;stories=1&amp;panelRight=0">Downshift</a></li> <li><a href="https://github.com/rikschennink/conditioner">Conditioner.js</a></li> <li><a href="https://graphql.org/">GraphQL</a></li> <li><a href="https://github.com/apollographql/apollo-server">Apollo Server</a></li> <li><a href="https://www.prisma.io/">Prisma</a></li> <li><a href="https://github.com/stimulusjs/stimulus">Stimulus</a></li> <li><a href="https://www.apollographql.com/docs/link/links/state.html">Apollo Link State</a></li> <li><a href="https://jrsinclair.com/">jrsinclair.com</a></li> <li><a href="https://twitter.com/jrsinclair">@jrsinclair</a></li> <li><a href="https://www.linkedin.com/in/jrsinclair/">James’ LinkedIn</a></li> <li><a href="https://github.com/jrsinclair">James’ GitHub</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>Being around family and friends</li> <li>Spend your life doing the things that really matter</li> </ul> <p>Sia</p> <ul> <li>Artificial Intelligence</li> <li>Machine Learning</li> </ul> <p>Nader</p> <ul> <li><a href="https://www.youtube.com/channel/UC8ivCOllOAo7MfPT9k3Hs-Q">React Native Training YouTube Channel</a></li> <li><a href="https://www.youtube.com/user/boyindasouth">Nader’s YouTube</a></li> </ul> <p>James</p> <ul> <li><a href="https://highlandjs.org/">Highland.js</a></li> <li>Functional Programming</li> </ul>