Matt Zabriskie mzabriskie

React Props Proposal

First read these tweets:

and this doc:

http://facebook.github.io/react/tips/props-in-getInitialState-as-anti-pattern.html

Setup

Copy index.html and locale-en.json to the same directory
From this directory run the bash commands below
Open http://127.0.0.1:8080

bower install angular
bower install angular-translate
bower install angular-translate-loader-static-files

gamepad.js

I haven't been able to find any libraries for interacting with the HTML5 Gamepad API that I really like. This is an attempt to sort out some of my ideas for what I would want out of such a library and ultimately implement it.

Goals

Abstract away complexity
- Manage gamepad support (detection, vender impl, polling, etc.)
- Make it dead simple for developers to implement

Keybase proof

I hereby claim:

I am mzabriskie on github.
I am mzabriskie (https://keybase.io/mzabriskie) on keybase.
I have a public key whose fingerprint is 2B8A A1C7 D943 8BB3 7D38 C760 ECF6 90AD 2240 A96B

To claim this, I am signing this object:

	/**
	* The problem with using Promises for a request API is that Promises
	* make it difficult to abort the request. Typically when using XHR
	* some factory will wrap the actual XHR, but ultimately will return
	* the XHR object.
	*
	* ```
	* var request = performRequest('/user/12345');
	* request.abort();
	* ```

	function createXHR() {
	if (!createXHR.__memoize) {
	var factory = [
	function () {return new XMLHttpRequest()},
	function () {return new ActiveXObject("Microsoft.XMLHTTP")},
	function () {return new ActiveXObject("Msxml3.XMLHTTP")},
	function () {return new ActiveXObject("Msxml2.XMLHTTP")},
	];

	var xhr;

	function notify(title, options) {
	// Let's check if the browser supports notifications
	if (!('Notification' in window)) {
	return;
	}

	function n() {
	new Notification(title, options);
	}

	// Run this from your browser console on your meetup event page (http://www.meetup.com/AngularJS-Utah/events/183104032/)
	(function () {
	// Query document for attendees and select a random one
	const list = document.querySelector('ul.attendees-list').children,
	item = list[Math.floor(Math.random() * list.length)],
	name = item ? item.querySelector('h4.text--bold').innerText : 'N/A';

	// Remove item so they can only be selected once
	item && item.parentNode.removeChild(item);

	/**
	* I have seen this a lot lately.
	* I assume it's to give priority to the request handler for this module.
	* Otherwise why not just add a new listener and leave existing alone?
	*/
	module.exports.listen = function (server) {
	var listeners = server.listeners('request').slice(0);
	server.removeAllListeners('request');
	server.on('request', function (req, res) {
	if (req.url.indexOf('/foo/bar.js') === 0) {

	[].slice.call(document.querySelectorAll('tr.paper')).sort(function (a, b) {
	a = parseInt(a.querySelector('td:first-of-type span.score').innerHTML);
	b = parseInt(b.querySelector('td:first-of-type span.score').innerHTML);
	return a > b ? -1 : b > a ? 1 : 0;
	}).forEach(function (node) {
	node.parentNode.appendChild(node);
	});