An open API service indexing awesome lists of open source software.

https://github.com/keidrun/boilerplate-react-sass-bootstrap4

Boilerplate of React and Bootstrap4 (SASS style) with Webpack.
https://github.com/keidrun/boilerplate-react-sass-bootstrap4

boilerplate bootstrap bootstrap4 css css3 flow flowtype react react16 sass webpack webpack2

Last synced: 4 months ago
JSON representation

Boilerplate of React and Bootstrap4 (SASS style) with Webpack.

Awesome Lists containing this project

README

          

# boilerplate-react-sass-bootstrap4 [![devDependency Status][depstat-image]][depstat-url]

Boilerplate of React and Bootstrap4 (SASS style) with Webpack.

## Description

This boilerplate provides an automatic web development environment with
`Webpack4` to develop `React(>=16)` and `Bootstrap4` (SASS style).

## Automatic Settings

* transpile for CSS (SCSS -> CSS)
* attache CSS (autoprefixer & bootstrap4)
* 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-sass-bootstrap4?type=dev
[depstat-image]: https://david-dm.org/keidrun/boilerplate-react-sass-bootstrap4/dev-status.svg