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.

The data transformation

constreducer= (state)=> {

console.log(state);

return state;

};

Using thunks for async actions.

Using thunks for async actions.

Creating a "SORT_BY_POPULARITY" action.

functionsortByVotes(a,b) {

switch(true) {

casea.votes<b.votes:

return1;

casea.votes>b.votes:

return-1;

default:

return0;

}

}

Sort pokemon by votes

Using thunks for async actions.