Dana Woodman danawoodman

Git Workflow

Below outlines the general git workflow I find works well in most situations/teams/projects.

Feature Branches

Make sure master is up to date before starting a feature branch.

Branching

Checkout New Branches

To create a new branch from the current branch and check it out in one command:

git checkout -b my-branch

Delete Branches

React "Hello World" Examples

Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.

They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).

Usage

You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.

WebSockets + Reflux + React

Using WebSockets, React and Reflux together can be a beautiful thing, but the intial setup can be a bit of a pain. The below examples attempt to offer one (arguably enjoyable) way to use these tools together.

Overview

This trifect works well if you think of things like so:

Reflux Store: The store fetches, updates and persists data. A store can be a list of items or a single item. Most of the times you reach for this.state in react should instead live within stores. Stores can listen to other stores as well as to events being fired.
Reflux Actions: Actions are triggered by components when the component wants to change the state of the store. A store listens to actions and can listen to more than one set of actions.

JavaScript Cheat Sheet

This is intended as a grab bag of tips, shortcuts, reference and otherwise useful information related to JavaScript (and Node.js).

Language Features

`bind`

Bind is a very useful tool for changing the scope of this within functions as well as passing in parameters:

Flux and Flux-like Options

A non-exhaustive list of flux and flux-like libraries with relevant information and notes.

Library	Stars	Latest Release
Facebook flux
reflux
fluxxor
marty	[](https:/

	/*
	SetIntervalMixin for React.

	Usage:

	var MyComponent = React.createClass({
	getInitialState: function () {
	return { value: 0 };
	},

	var _ = require('lodash');

	var ranges = [
	["12:00", 0.0], ["12:15", 0.0], ["12:30", 0.0], ["12:45", 0.0],
	["01:00", 0.0], ["01:15", 0.0], ["01:30", 0.0], ["01:45", 0.0],
	["02:00", 0.0], ["02:15", 0.0], ["02:30", 0.0], ["02:45", 0.0],
	["03:00", 0.0], ["03:15", 0.0], ["03:30", 0.0], ["03:45", 0.0],
	["04:00", 0.0], ["04:15", 0.0], ["04:30", 0.0], ["04:45", 0.0],
	["05:00", 0.0], ["05:15", 0.0], ["05:30", 0.0], ["05:45", 0.0],
	["06:00", 0.0], ["06:15", 0.0], ["06:30", 0.0], ["06:45", 0.0],

	var fs = require('fs');
	var PDFDocument = require('pdfkit');

	var pdf = new PDFDocument({
	size: 'LEGAL', // See other page sizes here: https://github.com/devongovett/pdfkit/blob/d95b826475dd325fb29ef007a9c1bf7a527e9808/lib/page.coffee#L69
	info: {
	Title: 'Tile of File Here',
	Author: 'Some Author',
	}
	});