React-Express Barebones

This react-express project utilizes webpack and comes with some VSCode settings to help you organize your work better.

Usage

Webpack (Production):

$ npm run build

Webpack (Development):

$ npm run build-dev

Run Express Server:

$ npm run server

VSCode Extensions

Plugin Description
Beautify Beautify code in place for VS Code.
DotENV Support for dotenv file syntax.
ES7 React/Redux/GraphQL/React-Native snippets Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax.
ESLint Integrates ESLint JavaScript into VS Code.
MySQL MySQL management tool.
MySQL Syntax MySQL syntax highlighting support.
SQLTools Your swiss knife SQL for VScode. Execute queries, auto complete, bookmarks etc.
webpack Create Webpack Config with ES6 transpiling using babel.

Components

  • Express (/src/server)
  • React (/src/client)
  • MySQL (/src/server/db) [optional]
    • DB_* environmental variables (/.env)
  • Entrypoints (/src/{server|client}/index.js)

View on Github!