(Day 56 of 100) React 7

React-Router-Redux environment quick setup

This is a short tutorial on how to set up react-redux environment

1. github Link: https://github.com/dyl4810/ReactReduxRouterEnv
2. create react app

$npx create-react-app [app name here]

3. install packages in the app folder

$npm install redux
$npm install react-redux
$npm install react-router-dom // used to be 2 pkgs, but now only 1

4. Final package.json below

5. create rootReducer for redux central store @ reducer -> rootReducer.js

6. make redux store available @ index.js

7. Make redux store available to a component @ components -> SampleComponent.js

8. create postActions @ actions -> postActions.js

9. utilize react-router @ App.js