angus croll angus-c

## buble-babel.js
///////////////////////////
// ES6 original
////////////////////////////
class A extends B {
  constructor(x) {
    this.x = x;
  }
  b() {return this.x};
}

## univeralMixin
/*
 * based on https://gist.github.com/sebmarkbage/fac0830dbb13ccbff596
 * by Sebastian Markbåge
 */

import React from 'react';

const noop = () => {};
const es6ify = (mixin) => {
  if (typeof mixin === 'function') {

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://fb.me/react-with-addons-0.12.2.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.3.22/rx.all.js"></script>
    <title>bouncer</title>
</head>

<body>
<svg id="box" class="space" style="border: 1px solid; width: 400px; height: 400px" height="100%"></svg>
<script id="jsbin-javascript">

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
    <title>bouncer</title>
</head>

<body>
<svg id="box" class="space" style="border: 1px solid; width: 400px; height: 400px" height="100%"></svg>

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
    <title>bouncer</title>
</head>

<body>
<svg id="box" class="space" style="border: 1px solid; width: 400px; height: 400px" height="100%"></svg>

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
    <title>bouncer</title>
</head>

<body>
<svg id="box" class="space" style="border: 1px solid; width: 400px; height: 400px" height="100%"></svg>

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
function compose(f,g) {

## index.js
var reflux = require('reflux');
console.log(reflux.createAction);


## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/jquery-git2.js"></script>
    <title>bouncer</title>
</head>

<body>
<svg id="box" style="border: 1px solid; width: 200px; height: 200px" height="100%"></svg>
	///////////////////////////
	// ES6 original
	////////////////////////////
	class A extends B {
	constructor(x) {
	this.x = x;
	}
	b() {return this.x};
	}
	/*
	* based on https://gist.github.com/sebmarkbage/fac0830dbb13ccbff596
	* by Sebastian Markbåge
	*/

	import React from 'react';

	const noop = () => {};
	const es6ify = (mixin) => {
	if (typeof mixin === 'function') {
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://fb.me/react-with-addons-0.12.2.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	var reflux = require('reflux');
	console.log(reflux.createAction);