A[CodeRoad](https://coderoad.github.io) tutorial for learning Redux.

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 your*package.json*.

We'll be installing a lot of scripts from terminal. You may also want to consider installing the atom package["platformio-ide-terminal"](https://github.com/platformio/platformio-atom-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' });

The data transformation

constreducer= (state)=> {

console.log(state);

return state;

};

Reducers must be pure functions

State is "read only".

Notes

constnextPokemon=state.pokemon.map(p=> {

if (id===p.id) {

p.votes+=1;

}

return p;

});

return {

pokemon: nextPokemon

};

Create modular, composable reducers with`combineReducers`.

Refactor your project into different files.