Building a React app with an Node API server Part 1: Intro

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.

Prerequisites: Basic HTML, CSS, and Javascript.

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.

Step 1:
First download the redux-dev-tools extension:

Step 2:
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 :

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:

Leave a Comment

Your email address will not be published. Required fields are marked *