README

React loading decorator

A small library that decorates the React render method to simplify loading handling and includes a customizeable loader

Installation

npm install react-loading-decorator

In addition to the package you'll need babel-plugin-transform-decorators-legacy and have your babel presets include stage-2

Editor Settings

You'll need to enable experimentalDecorators to work properly

{
  "javascript.implicitProjectConfig.experimentalDecorators": true,
}

Usage

import { loadingManager } from 'react-loading-decorator'

class App extends React.Component {
...
...
...
  @loadingManager({})
  render() {
    const { data } = this.state;
    return (
      <React.Fragment>
        <div>{data.deeply.nested.title}</div>
        <div>{data.body}</div>
      </React.Fragment>
    );
  }
}

The loading manager excepts styling props { size: <string or int>, color: <string>, duration: <string or int> }

default props are { size: 10, color: "black", duration: 1.1 }

Tests

npm test

Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.

Usage no npm install needed!