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;

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

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

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

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';

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

SherryH

{
  "extends": ["airbnb", "plugin:flowtype/recommended"],
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module",
    "ecmaFeatures": { "jsx": true, "modules": true }
  },
  "parser": "babel-eslint",
  "env": {
    "browser": true,

SherryH

const path = require('path');
module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: path.join(__dirname, './src/index.js'),
  output: {
    path: path.join(__dirname, './dist'),
    filename: 'main.js'
  },
  devServer: {
    publicPath: './dist/'

SherryH

// Dynamic name generation
const webpack = require('webpack');
const path = require('path');
 
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
 
module.exports = {
  entry: { main: path.join(__dirname, './src/index.js') },
  output: {