React Decorators

An assortment of useful @decorators for react and react-native

Warning! - If you’re using babel 6, you’ll have to use babel-plugin-transform-decorators-legacy plugin [Follow thread]. If you’re using babel 5, you’re good to go.

installation

npm i -S react-decorator

Usage

Request

import React, { Component } from 'react'
import { request } from 'react-decorator'
@request({
    task: fetch(url),
    LoadingComponent: () => <div>loading....</div>,
    ErrorComponent: ({ error }) => <div>{ error }</div>,
})
class App extends Component {
    render() {
        return <div> content </div>
    }
}

Measure

import React, { Component } from 'react'
import { measure } from 'react-decorator'
@measure()
class App extends Component {
    render () {
        return (
            <div>
                This text fits inside a
                { this.props.width }x{ this.props.height }
                box
            </div>
        )
    }
}

More coming soon…