Example Create React App Express

Overview

This article explains how to set up a create-react-app project with a Node Express backend. It covers the installation of dependencies, running the server and client simultaneously, and deploying the app. The key concept highlighted is the use of a proxy to redirect API requests to the Express server.

Features

• Integration: create-react-app project with a Node Express backend
• Dependency Management: Install dependencies for server and client
• Simultaneous Running: Start the server and client concurrently

Installation

1. Install nodemon globally:

   npm install -g nodemon
   

2. Install server and client dependencies:

   cd my-project
   npm install
   cd client
   npm install
   

3. To start the server and client concurrently:

   cd my-project
   npm run dev
   

4. Running the production build on localhost:

   cd client
   npm run build
   cd ..
   npm start
   

Summary

The article provides a detailed guide on setting up a create-react-app project with a Node Express backend. It emphasizes the use of a proxy to enable communication between the React front end and the Express server. By following the steps outlined in the tutorial, users can effectively develop and deploy full-stack applications using this setup.