Getting started with the React ecosystem
This list of links is intended to be followed in order, and assumes a basic knowledge of JavaScript.
It is recommended NOT TO SKIP any of the links of this page.
Command line improvements
Because React makes extensive use of the command line, this gist describes several improvements to iTerm to have a better experience when using it.
https://gist.github.com/kevin-smets/8568070
Javascript new features
Javascript ES6 Cheatsheet - the best of JS ES6
Javascript ES6 Cheatsheet #2 - the best of JS ES6
React
This Codecademy React Courses include exercises and explain the basics of React. They are probably the most important links in this page.
Redux tutorials
Redux is an easy and powerful way of managing the state application.
It is important to follow the whole playlist, as it explains fundamental concepts of Redux
Redux Tutorials
Immutable JS
This is a tutorial of a great library for simplifying the logic inside reducers
Immutable.js 101 – Maps and Lists
Sagas
Sagas is a great way of structuring the behavior of an app. It is extremely useful for handling async operations.
Before using it, there are some key concepts that are useful to learn
Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators
Are you bad, good, better or best with Async JS? JS Tutorial: Callbacks, Promises, Generators
This is a short article that explains the case for using Sagas, and explains how to use it in a simple way. It is probably the most important Sagas tutorial in this page.
Using redux-saga To Simplify Your Growing React Native Codebase
An excellent tutorial on how to use Sagas for forking operations
Async operations using redux-saga
This is the Beginner Tutorial of the official documentation. There are more sections available to read, but they are not vital for Sagas development
Beginner Tutorial
Using everything in a practical example
This tutorial creates a ToDo app using several of the libraries described before.
How to Build a Todo App Using React, Redux, and Immutable.js
Reselect
Reselect is a library for improving the performance when components query data from the state. It can make apps dramatically faster.
* Computing Derived Data: This section of the redux tutorial explains how to use reselect with react.
Sass
Sass is a modern and powerful way of managing the styling of components.
Intro to Sass | SCSS101
Boilerplates
See the Boilerplate section of this KB
Other tutorials guides
Start here: Your guide to the (sometimes overwhelming!) React ecosystem.
Dan Abramov (creator of Redux and React Hot Loader) tutorials: Redux core concepts, and advanced topics.