Serving react statically with express

• react-specials

  5 5 5.5 JavaScript

  Repo for my React specials app.

Here's what I found testing out my app locally (Git repo here). First note that my Express app is installed in the root folder of the project, and it is its own Node project (e.g. has its own package.json file, etc). My React app is installed in a sub-folder (client), and it is its own separate Node project.

• webpack-dev-middleware

  3 2,471 9.3 JavaScript

  A development middleware for webpack

  

Are you using webpack? If so, they have a middleware for exactly this case: https://github.com/webpack/webpack-dev-middleware. The example there should be added to your express script with some form of conditional statement to use express.static in your deployment and webpack-dev-middleware in dev.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• concurrently

  27 6,767 7.2 TypeScript

  Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.

  

Lastly if you want to run your dev build tool and backend as a single command you could try something like pm2 (https://www.npmjs.com/package/pm2) or concurrently (https://www.npmjs.com/package/concurrently). This isn't necessary but might be a nice-to-have. NPM workspaces could help you organize this with a common package.json file too. (https://docs.npmjs.com/cli/v7/using-npm/workspaces)

• PM2

  59 40,697 6.8 JavaScript

  Node.js Production Process Manager with a built-in Load Balancer.

Lastly if you want to run your dev build tool and backend as a single command you could try something like pm2 (https://www.npmjs.com/package/pm2) or concurrently (https://www.npmjs.com/package/concurrently). This isn't necessary but might be a nice-to-have. NPM workspaces could help you organize this with a common package.json file too. (https://docs.npmjs.com/cli/v7/using-npm/workspaces)

• restfuncs

  10 29 9.7 TypeScript

See this example and use the dev_faster... run script. It uses a dev/production switch to see if it should run the devserver or host the pre-build static files as you see when you look at server.ts

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project