devrecipe / react-boilerplate

Our boilerplate that we rely on whenever we build a React app

React Boilerplate

At Devrecipe, we've setup a React boilerplate.

It uses React 16, React Router v4, React Hot Reload v3 and Redux, we use Webpack v3 and Webpack Dev Server, ESLint and it has Sass/CSS loader as well.

Getting started

1. Clone the app to your development environment:

   cd /apps
   git clone https://github.com/devrecipe/react-boilerplate.git [app-name]
   cd [app-name]
   npm install
   npm start

2. The development server should open automatically http://localhost:8080/ and there you can see the todo demo app. Congratulations!

3. For more productivity you can install Chrome's React Developer Tools and Redux Dev Tools

Change the 8080 port

If you don't want to use localhost on port 8080, you can change it in webpack.config.js.

Scripts

Besides the start script, there is also the build script, more are coming soon

npm run <script>	What it does
start	Starts the app at http://localhost:8080/. The bundle js/css files are stored in memory
build	Builds the minified js/css bundle and their source maps files in the public folder

License

© 2017, MIT License