RRU 010: Best Practices with React and Redux with Samuel Mendenhall




React Round Up show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Cory House</li> <li>Nader Dabit</li> </ul> <p><strong>Special Guests</strong>: Samuel Mendenhall</p> <p>In this episode of React Round Up, the panel discusses best practices with React and Redux with Samuel Mendenhall. Samuel has been working in web development for the past five years and was recently working for <a href="https://www.redhat.com/en">Red Hat</a>. They talk about what has led him to <a href="https://reactjs.org/">React</a>, as well as some of the most common mistakes that people make in React. They also talk about the amazing power of <a href="https://www.typescriptlang.org/">TypeScript</a> and when you may not want to use <a href="https://redux.js.org/">Redux</a>.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Sam intro</li> <li> <a href="http://jquery.com/">jQuery</a>, <a href="http://backbonejs.org/">Backbone</a>, and <a href="https://angular.io/">Angular</a> </li> <li> <a href="https://reactjs.org/">React</a> and <a href="https://facebook.github.io/react-native/">React Native</a> </li> <li>New role at Microsoft in commercial software engineering group</li> <li>Working a lot with React and tooling</li> <li>What have you learned since working with React?</li> <li>Shallow learning curve</li> <li>The concept of React is very simple</li> <li>What work did you do at <a href="https://www.redhat.com/en">Red Hat</a>?</li> <li>Internal tooling</li> <li>What are some common mistakes people have made in React?</li> <li>Defensive programming</li> <li>Making sure functions are bound correctly</li> <li>He’s an advocate for using <a href="https://www.typescriptlang.org/">TypeScript</a> </li> <li>The pros of using TypeScript</li> <li>Connect in React</li> <li>Connect will do shallow comparisons</li> <li><a href="https://redux.js.org/">Redux</a></li> <li>When you shouldn’t use Redux</li> <li>When should Redux be used in a project?</li> <li><a href="https://mobx.js.org/getting-started.html">MobX</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="http://jquery.com/">jQuery</a></li> <li><a href="http://backbonejs.org/">Backbone</a></li> <li><a href="https://angular.io/">Angular</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://www.redhat.com/en">Red Hat</a></li> <li><a href="https://facebook.github.io/react-native/">React Native</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://mobx.js.org/getting-started.html">MobX</a></li> <li><a href="https://twitter.com/engineersamwell">@engineersamwell</a></li> <li><a href="https://github.com/engineersamuel">Sam’s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Cory</p> <ul> <li><a href="https://transform.now.sh/">Transform.now.sh</a></li> <li><a href="https://plopjs.com/">Plop js</a></li> </ul> <p>Nader</p> <ul> <li><a href="https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw">React Amsterdam YouTube</a></li> <li><a href="https://aws.amazon.com/appsync/">AWS AppSync</a></li> <li><a href="https://github.com/aws/aws-amplify">AWS Amplify</a></li> </ul> <p>Sam</p> <ul> <li><a href="https://webpack.js.org/">Webpack</a></li> </ul>