Pete Hunt petehunt

## ReactDefaultBatchingStrategy.js
/**
 * Copyright 2013 Facebook, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software

## React sortable

<html>
  <head>
    <title>Test</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://fb.me/react-0.5.1.js"></script>
    <script src="http://fb.me/JSXTransformer-0.5.1.js"></script>
  </head>

## gist:7979935
    var graph = new MoriModel();

    expect(graph.getNode('mykey')).toBe(null);
    graph.addNode('mykey', mori.hash_map('name', 'myvalue'));
    expect(
      mori.equals(graph.getNode('mykey'), mori.hash_map('name', 'myvalue'))
    ).toBe(true);

    graph.addNode('mykey2', mori.hash_map('name', 'myvalue2'));
    graph.addEdge('friends', 'mykey', 'mykey2');

## gist:8378115
function ObservableProperty(obj, key) {
  this.obj = obj;
  this.key = key;
}

ObservableProperty.prototype.get = function() {
  return this.obj.get(this.key);
};

ObservableProperty.prototype.addObserver = function(target, method) {

## gist:8396968
macro := {
  rule infix { $obj $([ $key ] ...) | $rval:expr } => {
    $obj = mori.assoc_in($obj, [$key (,) ...].reverse(), $rval)
  }
}

macro hash_map {
  rule {{ $($key : $value) (,) ... }} => {
    mori.hash_map($($key, $value) (,) ...)
  }

## gist:8595248

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                petehunt
                / gist:8595248
            
            
              Created
              January 24, 2014 10:43
            
          
    It looks like ReactDefaultPerf found some places you could add shouldComponentUpdate(). Great!
Keep in mind that just because there are lots of items in the table does not mean you need to add lots of shouldComponentUpdate() methods. Instead, simply try adding one to the highest-ranked component in the table and re-running the perf test. Often you'll see that it takes care of the other components on the list automatically for you.
For more information about shouldComponentUpdate() see http://facebook.github.io/react/docs/component-specs.html#updating-shouldcomponentupdate

  
## gist:4e8ec9fe13aacaf5a30b
var co = require('co');
var thunkify = require('thunkify');
var request = require('request');
var get = thunkify(request.get);

function *helper() {
  yield get('http://google.com/');
  throw new Error('something unexpected happened');
}

## gist:f590b37541e43c760c94
var bluebird = require('bluebird');
var request = require('request');
bluebird.promisifyAll(request);
bluebird.longStackTraces();

var helper = bluebird.coroutine(function*() {
  yield request.getAsync('http://google.com/');
  throw new Error('something unexpected happened');
});

## gist:63096ce46439a686548e
  var Style = React.createClass({
    render: function() {
      var style = assign({}, this.props);
      delete style.children;

      return React.createElement(
        'div',
        {style: style, children: this.props.children}
      );
    }

## gist:bd5fa62610f80b6ec087
function makeStyle(defaults, tagName) {
  tagName = tagName || 'div';
  var Style = React.createClass({
    getDefaultProps: function() {
      return assign({}, defaults);
    },

    render: function() {
      var style = assign({}, this.props);
      delete style.children;
	/**
	* Copyright 2013 Facebook, Inc.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	<html>
	<head>
	<title>Test</title>
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	<script src="http://fb.me/react-0.5.1.js"></script>
	<script src="http://fb.me/JSXTransformer-0.5.1.js"></script>
	</head>
	var graph = new MoriModel();

	expect(graph.getNode('mykey')).toBe(null);
	graph.addNode('mykey', mori.hash_map('name', 'myvalue'));
	expect(
	mori.equals(graph.getNode('mykey'), mori.hash_map('name', 'myvalue'))
	).toBe(true);

	graph.addNode('mykey2', mori.hash_map('name', 'myvalue2'));
	graph.addEdge('friends', 'mykey', 'mykey2');
	function ObservableProperty(obj, key) {
	this.obj = obj;
	this.key = key;
	}

	ObservableProperty.prototype.get = function() {
	return this.obj.get(this.key);
	};

	ObservableProperty.prototype.addObserver = function(target, method) {
	macro := {
	rule infix { $obj $([ $key ] ...) \| $rval:expr } => {
	$obj = mori.assoc_in($obj, [$key (,) ...].reverse(), $rval)
	}
	}

	macro hash_map {
	rule {{ $($key : $value) (,) ... }} => {
	mori.hash_map($($key, $value) (,) ...)
	}
	var co = require('co');
	var thunkify = require('thunkify');
	var request = require('request');
	var get = thunkify(request.get);

	function *helper() {
	yield get('http://google.com/');
	throw new Error('something unexpected happened');
	}
	var bluebird = require('bluebird');
	var request = require('request');
	bluebird.promisifyAll(request);
	bluebird.longStackTraces();

	var helper = bluebird.coroutine(function*() {
	yield request.getAsync('http://google.com/');
	throw new Error('something unexpected happened');
	});
	var Style = React.createClass({
	render: function() {
	var style = assign({}, this.props);
	delete style.children;

	return React.createElement(
	'div',
	{style: style, children: this.props.children}
	);
	}
	function makeStyle(defaults, tagName) {
	tagName = tagName \|\| 'div';
	var Style = React.createClass({
	getDefaultProps: function() {
	return assign({}, defaults);
	},

	render: function() {
	var style = assign({}, this.props);
	delete style.children;