react-webpack-kit

React Webpack Starter

A boiler plate for creating react applications bundled by webpack (using ES6, Babel, SASS and webpack development server)

Features

• ES6 => ES5 code transpiling (with Babel)
• Styling with SASS
• File bundling with webpack
• local development with the webpack development server

Requirements

To run this project, you’ll need to install node 5 and above the latest version of Node.js is recommended. You'll also need a global installation of webpack and the webpack development server.

npm i -g webpack webpack-dev-server

The dependencies of this project are managed with yarn (see installation guide here). However you can simply use the node package manager, npm for your dependency management.

Setting up

• Clone this project to a folder in your local machine

git clone https://github.com/temilaj/react-webpack-starter.git <FOLDER_NAME_HERE>

Installing Packages

• For those who love yarn

yarn install

• For those who love NPM

npm install

Runnning the bundle

 yarn run build

or

 npm run build

Running the app in Development

Run npm start to intialize and run the webpack development server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Running the app in Production

If you want to run the app in production, set the NODE_ENV environment variable to production.

 NODE_ENV=production yarn start

or

 NODE_ENV=production npm start

LICENSE

MIT © Temi Lajumoke