Joe Fleming w33ble

Hey, I'm the React zealot on Reddit (slash on the core team :)) I expect lots of debate from this :)

I wrote a blog post a while ago about this: http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look[22]

First of all I think it's important to evaluate technologies on objective rather than subjective features. "It feels nicer" or "it's cleaner" aren't valid reasons: performance, modularity, community size and ease of testing / integration with other tools are.

I've done a lot of work benchmarking, building apps, and reading the code of Angular to try to come up with a reasonable comparison between their ways of doing things.

Community / project maturity

Enhance

Technology

Webpack
- Web Components - webcomponents.js
- ES6 - 6to5 transpiler
- Less
Page.js

Templates are not a separation of concerns, it's a separation of technologies
Smart people look things up, dumb people make things up

Stuff that happened at work

Weekly meeting where we share useful tech & tips
Arguing about these buttons is like looking at a witch and arguing about removing a single wart
The coffee nap
Eventually consistent = eventually messed up
"Making Charts and Breaking Hearts!"

	// commonjs pattern
	define(function(require) {
	var $ = require('jquery');

	// Replaces the 'shorthand' function from the first example
	// This is returned as a module to the require call
	return {
	show: function() {
	$('.loading-overlay').removeClass('hidden');
	},

	// require pattern
	var deps = [
	'jquery',
	'lodash',
	'backbone'
	];

	define(deps, function($, _, Backbone) {
	// Replaces the 'shorthand' function from the first example
	// This is returned as a module to the require call

	define(function(require, exports, module){
	var React = require('react');
	var Avatar = require('avatar');

	return React.renderComponent(Avatar({ email: '[email protected]' }), document.querySelector('body'));
	});

	# bookshelf code, to compliment the knex code above

	exports.PG = Bookshelf.PG = Bookshelf.initialize
	client: 'pg'
	connection: config.get('/postgres')

	# property photo model
	exports.PropertyPhoto = PropertyPhoto = Bookshelf.PG.Model.extend
	tableName: 'property_photos'

	Vagrant.configure("2") do \|config\|
	config.vm.box = "precise64"
	config.vm.box_url = "http://files.vagrantup.com/precise64.box"
	config.vm.provision :shell, :path => "provision.sh"
	config.vm.network :forwarded_port, host: 9200, guest: 9200

	config.vm.provider "virtualbox" do \|vb\|
	vb.customize ["modifyvm", :id, "--cpuexecutioncap", "60", "--cpus", "1"]
	vb.memory = 512
	end

	#!/bin/sh

	# Some things taken from here
	# https://github.com/mathiasbynens/dotfiles/blob/master/.osx

	# Set the colours you can use
	black='\033[0;30m'
	white='\033[0;37m'
	red='\033[0;31m'
	green='\033[0;32m'

	ddoollooodddxxxxddollodxxdllodoooodddoddlcldddddddooddoodddddollllldxxdddooo
	xdxxxddddlloxxxxxxxdddxxxxodxdooooddddddoodddddddddddddddddddolloddxxxxxdood
	xddddxxddooloooodxxxxdxxxxxxxoloddddddddddddddddddddddddddddddddxxxdoddddodd
	ddllooddddolllooxxxxdxxxxdxxddddddddddddddddddxdddxddddddxxdddddxxxdloxxxxxx
	lloddddddoodddxxxxxxxxxxxdddddddddddddddddddddddddxxddddxxddddddddddoodxxxxx
	ooddolooooodxxxxdoodddddddddddddddddddddddddxdxxxdxxxdddddddddddxdxxoodxxdxd
	ddxdolloddoodddddodddddddddoddddddddxdddxxxxxddxxddxxxddxxdddddddddxxxxdddxd
	xdxdoloodxdooodddxdddddddddodddxxxdxxdddxdddddddddddddddddddddddddddxxxddddd
	dddddxdlloddddxddxdddddddddddddxxxxxxdddxxdddddddddddddddddddddddxdddddddddd
	lllodxdllllodxxxddddddddddddddddxxxxdddddddddddddddddddddddddddddddddxxddddd