jaredwilli

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

jaredwilli

'use strict';

const chromeLauncher = require('chrome-launcher');
const CDP = require('chrome-remote-interface');

const launchChrome = () =>
  chromeLauncher.launch({
    chromeFlags: ['--disable-gpu', '--headless']
  });

jaredwilli

componentWillReceiveProps( nextProps, nextContext)

shouldComponentUpdate(nextProps,nextState,nextContext)

componentWillUpdate(nextProps,nextState,nextContext)

componentDidUpdate(prevProps,prevState,prevContext)

jaredwilli

#!/usr/bin/env bash

# This bootstraps installing ssh-keys to github

# set colors
if tput setaf 1 &> /dev/null; then
  tput sgr0
  if [[ $(tput colors) -ge 256 ]] 2>/dev/null; then
    ORANGE="$(tput setaf 172)"
  else

jaredwilli

#  ---------------------------------------------------------------------------
#
#  Description:  This file holds all my BASH configurations and aliases
#
#  Sections:
#  1.   Environment Configuration
#  2.   Make Terminal Better (remapping defaults and adding functionality)
#  3.   File and Folder Management
#  4.   Searching
#  5.   Process Management

jaredwilli

The Web Ahead by @jensimmons

• Web Components with Peter Gasston
• Componentizing the Web with Rob Dodson

Shop Talk Show by @chriscoyier

• 124: Rob Dodson
• 141: Marcy Sutton

JavaScript Jabber by @cmaxw

• Google Polymer with Rob Dodson and Eric Bidelman

jaredwilli

What are we trying to observe? Raw object data.

// Objects
var obj = { id: 2 };
obj.id = 3; // obj == { id: 3 }
 
// Arrays
var arr = ['foo', 'bar'];
arr.splice(1, 1, 'baz'); // arr == ['foo', 'baz'];

jaredwilli

/**
 * Reverse a string
 *
 * @param  {String} input String to reverse
 * @return {String} The reversed string
 */
var reverse = function (input) {
    // ...
    return output;
};

jaredwilli

// Invoking a function and applying it have the same
// result. apply() takes two parameters: the first one is an object to bind to this inside of
// the function, the second is an array or arguments, which then becomes the array-like
// arguments object available inside the function. If the first parameter is null, then this
// points to the global object, which is exactly what happens when you call a function
// that is not a method of a specific object.

// When a function is a method of an object, there’s no null reference passed around. Here the 
// object becomes the first argument to apply():

jaredwilli

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt