languages	page_type	products	description
javascript nodejs	sample	azure azure-cosmos-db	This is a demo project for the React Cosmos DB video series.

React Cosmos DB

This is a demo project for the React Cosmos DB video series that shows how to:

• Setup a React / Node application
• Create, Read, Update and Delete data from Cosmos DB with the Mongo API
• Debug React and Node apps
• Scale and replicate Cosmos DB

Follow along with the video series. React is a blast and Cosmos DB is crazy fast. Building this app is way too much fun.

Get Started

1. Clone this repository

git clone https://github.com/burkeholland/react-cosmosdb.git

2. Change into the directory that was cloned and run npm install

cd react-cosmosdb && npm install

3. Configure the Cosmos DB Server Setting

Rename server/env/environment-change-me.js to environment.js and change the cosmosPort, dbName and key to match your Cosmos DB environment.

// server/env/environment.js
const cosmosPort = 1234; // replace with your port
const dbName = 'your-cosmos-db-name-goes-here';
const key = 'your-key-goes-here';

module.exports = {
  cosmosPort,
  dbName,
  key
};

Running The App

In development, the app runs via two separate processes...

Start the Express Server

node server/server.js

Start Create React App

In a different terminal tab...

npm start

Building For Production

In production, you want Express to serve up your app.

Build React App

npm build

Now start the Express server from the server folder

cd server
npm start

Your entire application is now running on port 3001.

Everything in the server folder is what is needed in production. Those are all of the build assets.