# React Laser Beam [![Build Status](https://travis-ci.org/chikara-chan/react-laser-beam.svg?branch=master)](https://travis-ci.org/chikara-chan/react-laser-beam) [![npm version](https://badge.fury.io/js/react-laser-beam.svg)](https://www.npmjs.com/package/react-laser-beam) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#)

A loading progress for react to improve your site interactive and experience inspired by youtube and github.

## Demos and Docs
See the [http://chikara-chan.github.io/react-laser-beam]( http://chikara-chan.github.io/react-laser-beam) for more.

## Installation

```js
$ npm install --save react-laser-beam
```

## Usage

```js
$ import LaserBeam from 'react-laser-beam'
```
```jsx
$ <LaserBeam show={this.state.showLoading}/>
```

## Local setup

- Install the dependencies with `npm install`
- Run tests `npm test`
- Run tests in watch mode `npm run test:dev`
- Run the docs site in development mode with `npm start`. This will watch for file changes as you work.
- Build the docs site with `npm run build-docs`
- Build the project for npm with `npm run prepublish`

## License

MIT

# React Laser Beam [![Build Status](https://travis-ci.org/chikara-chan/react-laser-beam.svg?branch=master)](https://travis-ci.org/chikara-chan/react-laser-beam) [![npm version](https://badge.fury.io/js/react-laser-beam.svg)](https://www.npmjs.com/package/react-laser-beam) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#)

A loading progress for react to improve your site interactive and experience inspired by youtube and github.

## Demos and Docs
See the [http://chikara-chan.github.io/react-laser-beam]( http://chikara-chan.github.io/react-laser-beam) for more.

## Installation

``` bash
$ npm install --save react-laser-beam
```

## Usage

``` js
import LaserBeam from 'react-laser-beam'
```
``` js
<LaserBeam show={this.state.showLoading}/>
```

## Local setup

- Install the dependencies with `npm install`
- Run tests `npm test`
- Run tests in watch mode `npm run test:dev`
- Run the docs site in development mode with `npm start`. This will watch for file changes as you work.
- Build the docs site with `npm run build-docs`
- Build the project for npm with `npm run prepublish`

## License

MIT

Update docs usage and install
Update docs usage and install
