Full-Stack React Boilerplate

JavaScript - 25th March 2017

This is the boilerplate I use for all of my new Full-Stack projects. It contains all the packages, initial set up and necessary files and structure to get up and running as fast as possible. Checkout the source code on Github.

It uses React with Redux for the front-end, Webpack for bundling, Express for the back-end and MongoDB for the database. Each of these can be swapped out for your prefered package.

Quick Start

1. Clone the repo and change directory.

git clone https://github.com/andyashall/express-react-redux-webpack-boilerplate && cd express-react-redux-webpack-boilerplate

2. Install the dependencies.

npm i

3. Add you MongoDB URL to mongo.config.js.

4. Start the boilerplate.

npm start

Features

Webpack - For hot reloading and building for production, see webpack.config.js for the webpack configuration. More info.

CSS Modules - For explicit dependencies, no global scope and no conficts. More info.

React - React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. More info.

Redux - Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. More info.

MongoDB - NoSQL JSON based database. More info.

Build for Production

npm run build