https://github.com/lgraubner/webpack-boilerplate-react
Basic Webpack boilerplate for React projects.
https://github.com/lgraubner/webpack-boilerplate-react
flow hmr jest postcss prettier react webpack webpack-boilerplate
Last synced: 3 months ago
JSON representation
Basic Webpack boilerplate for React projects.
- Host: GitHub
- URL: https://github.com/lgraubner/webpack-boilerplate-react
- Owner: lgraubner
- License: mit
- Created: 2016-12-09T22:15:07.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-10-27T08:03:07.000Z (over 8 years ago)
- Last Synced: 2025-03-27T16:53:21.540Z (over 1 year ago)
- Topics: flow, hmr, jest, postcss, prettier, react, webpack, webpack-boilerplate
- Language: JavaScript
- Homepage:
- Size: 289 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Webpack boilerplate for React projects
Basic Webpack boilerplate for [React](https://facebook.github.io/react/) projects. The following features are included:
- [Flow](https://flow.org/) for type checking
- [Jest](https://facebook.github.io/jest/) for testing
- [ESLint](http://eslint.org/) for linting
- [Prettier](https://github.com/prettier/prettier) for consistent formatting
- [CSS Modules](https://github.com/css-modules/postcss-modules) with [autoprefixing](https://github.com/postcss/autoprefixer)
- [ES Stage 0](https://babeljs.io/docs/plugins/preset-stage-0/) support
- Hot module reloading
Beside React there are no opinionated frontend libraries such as Redux, React Router etc. Install them by your own.
## Usage
```Bash
# clone project
git clone https://github.com/lgraubner/webpack-boilerplate-react.git
cd webpack-boilerplate-react
# initialize new git workspace
rm -rf .git
git init
# install npm dependencies
yarn install
# start development server
yarn dev
```
To create a production bundle run `yarn build` which will generate the files in the `dist` folder. Serve them with nginx or any other appropriate Server.
To test your application run `yarn run lint` and `yarn run flow`.
TODO:
- Offline Plugin
- Server side rendering