ryan neptune ryanve

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

##Sass Functions Cheat Sheet

RGB Functions
HSL Functions
Opacity Functions
Other Color Functions
List Functions
Map Functions
Selector Functions
String Functions

Reactjs conf 2015 Notes

react native announced
- Allows you to use react style javascript to target native ios and android, native views, live reloading
- intro pt1
- intro pt2
- facebook groups app uses react native with graphql and relay
realtime page tweaking
- rethink best practices and workflows
inmutability is a good idea

-> moved to https://gist.github.com/maxfenton/460fef3ab7c6902bd676

BBQ.js

Ruth Baril—Barriers To Entry: Learning to Program is the Easy Part

Browserified

Stephen Belanger—Browserifying Big Projects With Minimal Rage
Nicolas Bevacqua—Browserify All The Things
James Halliday—Brick The Web

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

CSS units

Recommendations of unit types per media type:

Media	Recommended	Occasional use	Infrequent use	Not recommended
Screen	em, rem, %	px	ch, ex, vw, vh, vmin, vmax	cm, mm, in, pt, pc
Print	em, rem, %	cm, mm, in, pt, pc	ch, ex	px, vw, vh, vmin, vmax

Relative units

	[alias]
	co = checkout
	ci = commit
	ca = commit --amend
	cia = commit -a
	can = commit --amend --no-edit
	com = checkout master
	st = status
	s = status --short
	b = branch

	/**
	* Bitwise Mathematics Utilities
	*
	* A collection of fast bitwise operations for integer mathematics.
	* These functions prioritize performance over readability and should be used
	* when micro-optimizations are critical (game engines, real-time applications).
	*
	* References:
	* - http://michalbe.blogspot.com.br/2013/03/javascript-less-known-parts-bitwise.html
	* - http://jsperf.com/bitwise-vs-math-object

	var util = require('util');
	var exec = require('child_process').exec;

	function getNpmLinkedPackages (callback) {
	exec('npm list --global', function (error, stdout, stderr) {
	if (error) return callback(error);
	if (stderr.length > 0) return callback(stderr);

	var pkgs = stdout
	.split('\n')