Skip to content

Commit

Permalink
Add several tutorials and best practices articles
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed May 15, 2016
1 parent d5bee6a commit 53744c9
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 6 deletions.
10 changes: 10 additions & 0 deletions redux-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.)


12 changes: 12 additions & 0 deletions tips-and-best-practices.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
25 changes: 19 additions & 6 deletions using-react-with-es6.md
Original file line number Diff line number Diff line change
@@ -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.
Expand Down

0 comments on commit 53744c9

Please sign in to comment.