Repository files navigation

ACodeRoad tutorial for learning Redux.

CodeRoad is an open-sourced interactive tutorial platform for the Atom Editor. Learn more atCodeRoad.io.

• install the tutorial package

  npm install --save coderoad-redux-js

• install and run theatom-coderoad plugin

Getting a project setup is rarely easy. Luckily, we have a quick script that can do the work for us.

Running> npm run setup will do the following:

1. Install package dev dependencies
2. Create an output directory called "dist"
3. Install "concurrently" & "browser-sync" globally
4. Run our app in the browser

You'll find this "setup" script located in yourpackage.json.

We'll be installing a lot of scripts from terminal. You may also want to consider installing the atom package"platformio-ide-terminal", which provides a terminal inside your editor.

The "single source of truth".

conststore=createStore(reducer,initialState);

Events that change the data.

constaction={type:'ACTION_NAME'};

constactionName=()=>({type:'ACTION_NAME'});

constACTION_NAME='ACTION_NAME'

The data transformation

constreducer=(state)=>{console.log(state);returnstate;};

Reducers must be pure functions

State is "read only".

Notes

constnextPokemon=state.pokemon.map(p=>{if(id===p.id){p.votes+=1;}returnp;});return{pokemon:nextPokemon};

Create modular, composable reducers withcombineReducers.