/ Miscellaneous

A decorator to bind only unique component methods

A decorator to bind only unique component methods

react-bind-decorator

An ES2016 decorator that autobinds all of the unique class methods that are not React.Component prototype methods. This is lighter, and faster than the core-decorator autobind decorator for React components.

Install

npm install react-bind-decorator --save

Usage:


import reactbind from 'react-bind-decorator';

@reactbind()
class Foo extends React.Component {

    // Bound
    boundMethod(arg, i) { ... }

    // Not bound
    render() {
        return (
            <div>
                { this.props.data.map(this.boundMethod) }
            </div>
        );
    }
}

export default Foo;

Optionally it can be used not as a decorator

class Foo extends React.Component {

    // Bound
    boundMethod(arg, i) { ... }

    // Not bound
    render() {
        return (
            <div>
                { this.props.data.map(this.boundMethod) }
            </div>
        );
    }
}

export default reactbind()(Foo);

Benchmarks

Scripts

script description
npm start run the example on localhost:3000
npm run benchmark run the benchmarks to get average time to render

GitHub