diff --git a/redux-tutorials.md b/redux-tutorials.md index 429c5d2..ce32280 100644 --- a/redux-tutorials.md +++ b/redux-tutorials.md @@ -81,7 +81,17 @@ - **Understanding Redux Middleware** https://medium.com/@meagle/understanding-87566abcfb7a Breaks down Redux's applyMiddleware function line-by-line, and explains the concepts involved + +- **Building Redux Middleware** + https://reactjsnews.com/redux-middleware + Demonstrates building a basic Redux middleware + + +#### Paid Courses and Books +- **The Complete Redux Book** + https://leanpub.com/redux-book + How do I manage a large state in production? Why do I need store enhancers? What is the best way to handle form validations? Get the answers to all these questions and many more using simple terms and sample code. Learn everything you need to use Redux to build complex and production-ready web applications. (NOTE: Work in progress as of May 2016, but looks very promising.) diff --git a/tips-and-best-practices.md b/tips-and-best-practices.md index 9ccb222..0a5eea2 100644 --- a/tips-and-best-practices.md +++ b/tips-and-best-practices.md @@ -27,3 +27,15 @@ - **React-Redux Style Guide** https://github.com/ghengeveld/react-redux-styleguide An opinionated style guide for developing applications in ES6+ with React and/or Redux. + +- **Nine things every React beginner should know** + https://camjackson.net/post/9-things-every-reactjs-beginner-should-know + A solid list of concepts and suggestions for writing a React-based app. + +- **React.js Best Practices for 2016** + https://blog.risingstack.com/react-js-best-practices-for-2016/ + Some high-level suggestions for tools and approaches. + +- **How to avoid refactoring in your first React.js application** + http://andrejgajdos.com/how-to-avoid-refactoring-in-your-first-react-application/ + Covers several useful topics such as props vs state and use of shouldComponentUpdate, and links to several other articles on anti-patterns and component lifecycles. \ No newline at end of file diff --git a/using-react-with-es6.md b/using-react-with-es6.md index 24adbd6..ec398eb 100644 --- a/using-react-with-es6.md +++ b/using-react-with-es6.md @@ -1,25 +1,38 @@ ### Using React with ES6 -- **React and ES6 - Binding Approaches** - http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html - Various methods of binding "this" in React ES6 classes + +#### React Component Definitions - **Which React Component Class Syntax Should I Use?** http://reactkungfu.com/2015/07/what-react-component-class-syntax-should-i-use/ Compares the standard React.createClass() syntax vs ES6 React.Component class syntax - + - **Coding with React like a Game Developer** - https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643#.x7pgji44o + https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643 Demonstrates React usage with ES5 vs ES6, plus some other topics - + - **The React Quick Start Guide: ES6 Edition** http://www.jackcallister.com/2015/08/30/the-react-quick-start-guide-es6-edition.html An ES6 version of the other guide listed earlier + +- **Digging Into React: Choosing Component Styles** + http://benmccormick.org/2016/05/02/digging-into-react-choosing-component-styles/ + A comparison of the three ways to define a React component. Good descriptions, and links to some other related discussions. + + +#### Methods and Instance Binding + +- **React and ES6 - Binding Approaches** + http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html + Various methods of binding "this" in React ES6 classes - **Why and How to Bind Methods in your React Component Classes** http://reactkungfu.com/2015/07/why-and-how-to-bind-methods-in-your-react-component-classes/ Another good look at function binding in JS, and how it works with React + +#### Method Binding Utilities + - **React-Autobind** https://github.com/cassiozen/React-autobind A useful utility to bind class methods. A good compromise - makes binding explicit, but removes repetition.