SherryH

import react from 'react';

class Person extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: ''
    };
    //there is no need to bind event handlers here :)
  }

SherryH

import react from 'react';

class Person extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: ''
    };
    this.handleChange = this.handleChange.bind(this);
  }

SherryH

import React from 'react';
import renderer from 'react-test-renderer';

//children mock need to be defined before parent module import
jest.mock('react-bootstrap-table', () => {
  return {
    BootstrapTable: 'BootstrapTable',
    TableHeaderColumn: 'TableHeaderColumn',
  };
});

SherryH

var player = function (type) {
  return function(song){
    console.log('I can play '+song+' on '+ type);
  }
}

var guitarPlayer = player('guitar');
guitarPlayer('Country Road');

var pianoPlayer = player('piano');

SherryH

//==================================
// Functional classes
// Define methods inside the object constructing function

var makeAnimal = function(name){
  var obj = {};
  obj.name = name;
  var privateVar = ' you can see me';
  
  obj.speak = function () {

SherryH

//==================================
// Functional classes
// Define methods inside the object constructing function

var makeAnimal = function(name){
  var obj = {};
  obj.name = name;
  var privateVar = 'you can see me';
  
  obj.speak = function () {

SherryH

// a highly simplified version of a spy which counts total call 
var spy = function(object, property){
  var origFn = object[property]; 
  
  var spyFn = function(){
    spyFn.callCount++;
    return origin.apply(object, arguments);
  }
  spyFn.callCount = 0;
  object[property] = spyFn;