In this tutorial we will set up an app with authentication, routing, a global Redux state, and a basic node express server. We will use React, Redux, auth0, Redux Thunk, express and node. This will be a minimal skeleton app which you will be able to build on top of.
You should have node install, if not see the the official guide here:
We will create our Frontend with the create-react-app command. This is an officially supported command by Facebook and the standard way to start a React app.
Similarly, we can also create an express backend using only one command with the Express application generator. First install the express generator with the following command:
npm install express-generator -g.
The -g flag stands for “global” and allows you to create an express server app in any directory with only one command
For a more detailed explanation see the offical express docs:
Redux Dev Tools
We will also be using the redux-dev-tools Chrome extension. This will make keeping track of our state changes very easy and allows us to see the state changes visually in real time.
First download the redux-dev-tools extension:
We need to install the dev-tools npm package like so:
npm install -save redux-devtools-extension
Go to the index.js file in the src directory
source : http://extension.remotedev.io/#usage
Due to the countless beginner React tutorials on the internet, we will not be going over the basics of React in this tutorial. For a refresher on React fundamentals see the official React docs: