SanderSpies

define([], function () {

	var PubSubManager = function PubSubManager() {
		this.subscribers = {};
	};

	var instance = undefined;
	PubSubManager.getInstance = function PubSubManager$getInstance() {
		if (!instance) {
			instance = new PubSubManager();

SanderSpies

var Parent = function Parent(){
    
};

Parent.prototype = {
    a:function a(){
        console.log(333);
    }
};

SanderSpies

// function
function onKeyDown(e){
  // [input|textarea] trigger input with target.value // in case of input field, textarea
  // [contenteditable] trigger input with textContent // in case of contentEditable ?
}

// detect support for input
if(!'oninput' in document.createElement("input")){
  // add polyfill in this case
}

SanderSpies

var graphDefinition = {
    'somewhere': 'there is a ${./over/therainbow}',
    'over':{
        'therainbow' : 'pot of gold'
    },

    'value': 'genius',

    'act':{
        'of': '${../value}'

SanderSpies

var allInitial;
var testElement = document.createElement('div');
// Firefox
if ('all' in testElement.style) {
  allInitial = {
    all: 'initial'
  };
}
else {
  testElement.style.display = 'initial';

SanderSpies

'use strict';

var merge = require('../vendor/merge');

var TransitionMixin = {

  transitionStart: function(opt) {
    var self = this;
    return new Promise(function(resolve) {
      opt.transition = 'all ' + opt.duration + ' linear';

SanderSpies

So this is my current solution for "fixing" the implicit nature of CSS. It basically replaces CSS selectors, classNames, etc. with the ability to directly reference to a style from JavaScript.

/**
 * @jsx React.DOM
 */
'use strict';

var React = require('react');
var ReactStyle = require('react-style');

SanderSpies

/**
 * @jsx React.DOM
 */
'use strict';

var React           = require('react');
var ReactAnimation  = require('react-animation');
var Animation       = ReactAnimation.Animation;

class Foo extends React.Component {

SanderSpies

/**
 * @jsx React.DOM
 */
'use strict';

var React           = require('react');
var Animation       = require('react-magician');

class Foo extends React.Component {

SanderSpies

var foo = <div>
if (foo) {
   <something>
   for(var i = 0, l = 10; i < 10; i++) {
     <a prop={i} />
   }
   </something>
}
"2222"
</div>;