Skip to content
Learn how to use redux step by step
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
11_src Change tutorial numbering Apr 7, 2017
.babelrc Fix babel config inheritance (fix:#88) Jan 6, 2016
.gitignore Added IntelliJ project files ignore Sep 9, 2015
00_introduction.js
01_simple-action-creator.js corrected rackt.org link to redux.js.org Jan 10, 2017
02_about-state-and-meet-redux.js fixed redux and react-redux links in tutorial Jan 10, 2017
03_simple-reducer.js fix minor typos Mar 9, 2016
04_get-state.js fix minor typos Mar 9, 2016
05_combine-reducers.js Remove confusing section 02_simple-subscriber.js Dec 15, 2015
06_dispatch-action.js Remove confusing section 02_simple-subscriber.js Dec 15, 2015
07_dispatch-async-action-1.js fix minor typos Mar 9, 2016
08_dispatch-async-action-2.js Remove confusing section 02_simple-subscriber.js Dec 15, 2015
09_middleware.js
10_state-subscriber.js fixed redux and react-redux links in tutorial Jan 10, 2017
11_Provider-and-connect.js fix minor typos Mar 9, 2016
12_final-words.js update links Mar 9, 2016
README.md fixed redux and react-redux links in tutorial Jan 10, 2017
package.json add eslint to dev dependencies Jan 7, 2016

README.md

redux-tutorial

This repository contains a step by step tutorial to help grasp flux and more specifically Redux.

The official and very exhaustive Redux documentation is available here and should be your number one source of truth regarding Redux. The present tutorial will only offer you an introduction to flux concepts through Redux use. For further or more detailed info, please refer to the Redux documentation.

Prerequisites

It is required for you to know a bit of ES6 and ES7 (Object Spread) to correctly understand some of the examples given in this repo. Also be aware that this tutorial targets redux 3.0.2 and react-redux 4.0.0.

Clone the repository

git clone https://github.com/happypoulp/redux-tutorial.git

Move into repository

cd redux-tutorial

Install dependencies

npm install

Browse the tutorial

This tutorial is split into a sequence of javascript files that are intended to be read in order.

Start with the first tutorial: Introduction

Run an example

Being real js files, each example can be run to verify that it works as intended or to do your own experiments:

npm run example 01_simple-action-creator.js

Enjoy!

You can’t perform that action at this time.