https://github.com/keidrun/boilerplate-react
Boilerplate of React with Webpack.
https://github.com/keidrun/boilerplate-react
boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2
Last synced: 3 months ago
JSON representation
Boilerplate of React with Webpack.
- Host: GitHub
- URL: https://github.com/keidrun/boilerplate-react
- Owner: keidrun
- License: mit
- Created: 2017-10-26T04:25:52.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-02T11:11:33.000Z (over 7 years ago)
- Last Synced: 2025-01-23T09:41:57.799Z (5 months ago)
- Topics: boilerplate, css, css3, flow, flow-typed, flowtype, postcss, react, react16, webpack, webpack2
- Language: JavaScript
- Homepage:
- Size: 137 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# boilerplate-react [![devDependency Status][depstat-image]][depstat-url]
Boilerplate of React with Webpack.
## Description
This boilerplate provides an automatic web development environment with
`Webpack2` to develop `React(>=16)` and `PostCSS`.
## Automatic Settings
* transpile for CSS (PostCSS -> CSS)
* attache CSS (normalize.css & autoprefixer)
* lint for CSS (stylelint)
* transpile for JS (React -> ES5)
* lint for JS (ESLint & Flow)
* package (minify CSS & JS)
## Preconditions
* Installed `Chrome` browser.
* Installed `yarn` or `npm`.
## Steps
1. Clone this repository via `git`.
1. Install modules via `yarn install` or `npm install`.
1. Install Flow types via `yarn run flow-typed` or `npm run flow-typed`.
1. Execute `yarn start` or `npm start` and See `http://localhost:8080/` on your
Chrome.
1. Enjoy developing your web site.
[depstat-url]: https://david-dm.org/keidrun/boilerplate-react?type=dev
[depstat-image]: https://david-dm.org/keidrun/boilerplate-react/dev-status.svg