Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Learn how to use redux step by step
https://github.com/happypoulp/redux-tutorial

Last synced: 6 days ago
JSON representation

Learn how to use redux step by step

Awesome Lists containing this project

README

        

redux-tutorial
=========================

This repository contains a step by step tutorial to help grasp flux and more specifically [Redux](https://github.com/reactjs/redux).

The official and very exhaustive Redux documentation is available [here](http://redux.js.org/) 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](00_introduction.js)

### 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!