royriojas

  var splitArray = function (origin, chunkSize ) {
    origin = origin || [];
    var arr = [];

    for ( var i = 0, len = origin.length; i < len; i += chunkSize ) {
      arr.push( origin.slice( i, i + chunkSize ));
    }
    return arr;
  };

royriojas

var config = {
  "indent": {
    "value": "  ",
    "ArrayExpression": 1,
    "AssignmentExpression": 1,
    "BinaryExpression": 1,
    "ConditionalExpression": 1,
    "CallExpression": 1,
    "CatchClause": 1,
    "DoWhileStatement": 1,

royriojas

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

royriojas

/* =============================================================== */
// The following code is a small example of how to use React to 
// create a very stupid an simple Cascade Dropdowns.
// In this classic type of UI elements the values of the second 
// dropdown are the result of filtering a data set based on the 
// value of the previous dropdown.
// 
// In order to demonstrate this, I'm using the Territorial Division 
// of Peru as an example.
// The following component will let the users pick a district.

royriojas

var w = window;
var $ = require('jquery');
var esformatter = require('esformatter');

$('.code-pair').each(function () {
  var $this = $(this);
  var source = $this.find('.source').text();

	var $result = $this.find('.result');

royriojas

npm i --save-dev grunt-karma karma karma-chai-sinon karma-chrome-launcher karma-commonjs-plus karma-coverage karma-junit-reporter karma-mocha karma-osx-reporter karma-phantomjs-launcher karma-spec-reporter mocha sinon sinon-chai

royriojas

var w = window;
var $ = require('jquery');
var esformatter = require('esformatter');

$('.code-pair').each(function () {
  var $this = $(this);
  var source = $this.find('.source').text();

	var $result = $this.find('.result');

royriojas

const React = require('react');
const dynamics = require('dynamics.js');

/**
 * Using dynamics.js to transition things or just animate
 * ------------------------------------------------------
 * props:
 *  - runTo               enum("start", "finish)       - which way to run.
 *  - onComplete          callback
 *  - onChange            callback

royriojas

var w = window;
var $ = require('jquery');
var esformatter = require('esformatter');

$('.code-pair').each(function () {
  var $this = $(this);
  var source = $this.find('.source').text();

	var $result = $this.find('.result');

royriojas

// require() some stuff from npm (like you were using browserify)
// and then hit Rebuild to run it on the right
var esformatter = require( 'esformatter' );
var esformatterJSX = require( 'esformatter-jsx' );
var collapser = require('esformatter-collapse-objects')
var throttle = require('lodash.throttle');

var testCode = '// Paste your own code here...\n\n\n\ var Comment = React.createClass({\n  render: function() {\n    return (\n      <div className="comment">\n        <h2 className="commentAuthor">\n          {this.props.author}\n        </h2>\n        {this.props.children}\n      </div>\n    );\n  }\n});';

var supportStorage = true;