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

https://github.com/alex1990/react-ui-component-starter

A starter based on webpack to develop react components comfortably
https://github.com/alex1990/react-ui-component-starter

boilerplate react starter-kit webpack webpack2

Last synced: 9 months ago
JSON representation

A starter based on webpack to develop react components comfortably

Awesome Lists containing this project

README

          

# react-ui-component-starter

[![Build status: Linux](https://img.shields.io/travis/Alex1990/react-ui-component-starter.svg?style=flat-square)](https://travis-ci.org/Alex1990/react-ui-component-starter)
[![Build status: Windows](https://img.shields.io/appveyor/ci/Alex1990/react-ui-component-starter/master.svg?style=flat-square)](https://ci.appveyor.com/project/Alex1990/react-ui-component-starter/branch/master)
[![Coverage Status](https://img.shields.io/coveralls/Alex1990/react-ui-component-starter/master.svg?style=flat-square)](https://coveralls.io/github/Alex1990/react-ui-component-starter?branch=master)
[![Npm version](https://img.shields.io/npm/v/react-ui-component-starter.svg?style=flat)](https://www.npmjs.com/package/react-ui-component-starter)
[![Dependency Status](https://david-dm.org/Alex1990/react-ui-component-starter.svg?style=flat-square)](https://david-dm.org/Alex1990/react-ui-component-starter)

A starter based on webpack ecosystem to develop react components comfortably.

## Features

- **JavaScript**: ES2015, ES2016, ES2017, class static properties, object rest/spread operator.
- **CSS**: CSS/SASS/LESS/Stylus/PostCSS, Autoprefixer.
- **Examples**: Easy to write examples and deploy examples to github pages.
- **Automatic**: Hot reloading.
- **Lint**: ESLint with airbnb's javascript styleguide.
- **Test**: With Jest and enzyme, coverage.
- **CI**: Integrate travis and appveyor.

## Scripts

- `npm start`: Start to develop.
- `npm run build`: Build the js and css bundle to `dist` directory.
- `npm run compile`: Compile the ES2015+ to ES5.
- `npm run gh-pages`: Bundle the examples and deploy it to github pages.
- `npm test`: Run tests.
- `npm test:watch`: Run tests in watch mode.
- `npm test:cover`: Run tests with coverage output.

More scripts in `package.json`.

## License

MIT