attaboy

const blacklist = [
  'constructor',
  'componentDidMount',
  'componentDidUpdate',
  'componentWillMount',
  'componentWillReceiveProps',
  'componentWillUnmount',
  'componentWillUpdate',
  'render',
  'shouldComponentUpdate'

attaboy

#!/bin/sh

DIFF_FILES=$(git diff --cached --name-only|egrep app/assets/.+\.jsx?$)
if [ ! -z $DIFF_FILES ];
then
  ./node_modules/.bin/eslint -- $DIFF_FILES
fi
if [ $? -eq 1 ];
then
  printf "Lint failed. Commit with --no-verify to continue or fix your errors\n\n";

attaboy

/*
deepEquals tests two objects and returns true if:
- both objects are === identical
- both objects are NaN
- both objects are arrays, and at each index, the values are deepEquals (recursively)
- both objects have the same prototype, the same keys, and at each key, the values are deepEquals (recursively)
- a function reference is compared to another reference to the same function

deepEquals returns false if:
- two objects have the same keys and values, but were created with different constructors

attaboy

React cheatsheet

Notes from a beginner's perspective on things that may trip you up when you start using React, the JS interface library

Gotchas

Form inputs

To work properly and allow user modification, form element components like <input>s must:

• set the value attribute of the element using the component state, e.g. value={this.state.value}
• rely on an onChange handler to keep the component state in sync with the element value e.g.
  ``

attaboy

#!/bin/sh
# A pre-commit hook for git to lint JavaScript files with jshint
# @see https://github.com/jshint/jshint/

if git rev-parse --verify HEAD >/dev/null 2>&1
then
    against=HEAD
else
    # Initial commit: diff against an empty tree object
    against=4b825dc642cb6eb9a060e54bf8d69288fbee4904

attaboy

if [ "$USER" = "root" ]; then
  PS1='\e[1;31m[\u@\h \W$(__git_ps1 " (%s)")]\$\e[0m '
else
  PS1='\[\e[0;34m\][\[\e[m\]\u@\h \[\e[0;33m\]\w\[\e[0;36m\]$(__git_ps1 " (%s)")\[\e[0;34m\]]\[\e[0m\]\$ '
fi

attaboy

// Destroys the localStorage copy of CSS that less.js creates

function destroyLessCache(pathToCss) { // e.g. '/css/' or '/stylesheets/'

  if (!window.localStorage || !less || less.env !== 'development') {
    return;
  }
  var host = window.location.host;
  var protocol = window.location.protocol;
  var keyPrefix = protocol + '//' + host + pathToCss;

attaboy

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>BackgroundColor</key>
	<string>rgba(0.141497,0.133242,0.149264,1.0)</string>
	<key>CommentsColor</key>
	<string>rgba(0.805432,0.388983,0.620188,1.0)</string>
	<key>CtagsIdentifierColor</key>
	<string>rgba(0.714344,0.745660,0.922185,1.000000)</string>