wardoost/react-ward

React Webpack boilerplate

React Ward

Features

• React as the view
• Source bundled with Webpack 2
• HMR React components with React Hot Loader
• CSS Modules and cssnext giving you CSS superpowers
• JS type checking with FlowType
• Standard JS and CSS linting configuration
• Testing with Jest
• Long term browser caching of assets with automated cache invalidation

Installation

Install dependencies to get started.

yarn install

Development

Start a web server and open your app in your browser. When you make changes in the src folder, it will rebuild your app and refresh your browser.

yarn dev

Lint your code and automatically fix lint errors with ESLint for JS and with stylefmt for CSS where possible.

yarn lint

Starts a static file server with serve with the build folder as root.

yarn start

Testing

Run all tests.

yarn test

Run all tests and watch for file changes to restart the tests.

yarn test:watch

Create and open the coverage report of all your tests.

yarn coverage

Deployment

Create production build in the build folder. You can deploy this folder to wherever you want.

yarn build

Updating

Install updtr to update dependencies

npm install -g updtr && updtr