react-class

react-class

A carefully crafted base class for all your React components

Features

• auto-bind methods
• optimized to only auto-bind non-lifecycle methods

Install

$ npm install react-class --save

Usage

Instead of extending React.Component you have to extend the class exported by react-class.

import Component from 'react-class'
// or import { Component } from 'react-class

class MyApp extends Component {
  render() {
    return <div {...props} onClick={this.onClick}>
      //onClick is auto-bound to "this", so you can keep your code dry
    </div>
  }

  onClick(){
    console.log(this)
    // this is correctly bound to the component instance
  }
}

## auto-binding

In order to get autobinding, just extend the class exported by `react-class`

```jsx

var ReactClass = require('react-class');

class App extends ReactClass { ... }

FAQ

What problems does it solve?

Autobinding, which is a nice-to-have feature!

What if I want to remove it in the future?

react-class is a very thin layer around React.Component, so just in case you decide removing it in the future, you'll be safe and will only have to do very minor code changes.

We're not doing anything magical!

LICENSE

MIT