const autoBind = require('react-auto-bind');
 
class Unicorn {
    constructor(name) {
        this.name = name;
        autoBind(this);
    }
    message() {
        return `${this.name} is awesome!`;
    }
}
 
const unicorn = new Unicorn('Rainbow');
 
// Grab the method off the class instance
const message = unicorn.message;
 
// Still bound to the class instance
message();
//=> 'Rainbow is awesome!'
 
// While message() would not be bound & would have resulted in
message();
//=> Error: Cannot read property 'name' of undefined

const autoBind = require('react-auto-bind');
 
class Griffin {
    constructor(name) {
        this.name = name;
        autoBind(this, 'amaze');
    }
    amaze() {
        return `${this.name} is amazing!`;
    }
    message() {
        return `${this.name} is undefined!`;
    }
}
 
const buckbeak = new Griffin('Buckbeak');
 
// Grab the method off the class instance
const message = buckbeak.message;
const amaze = buckbeak.amaze;
 
// Still bound to the class instance
amaze();
//=> 'Buckbeak is amazing!'
 
// Without `autoBind(this)`, the above would have resulted in
message();
//=> Error: Cannot read property 'name' of undefined