sebjwallace

var inputs = [
  [0,0],
  [1,0],
  [0,1],
  [1,1]
]

var outputs = [
  0, 0, 0, 1

sebjwallace

.Media {
  display: flex;
  align-items: stretch;
}

.Media__image {
  margin-right: 1em;
}

.Media__body {

sebjwallace

function extend(base, derivative){
  for(var i in base)
    if(!derivative[i])
      derivative[i] = base[i]
  return derivative
}

var base = {
  color: '#555',
  fontSize: '2em'

sebjwallace

function styles(padding){
  return {
    padding: padding + 'px',
    backgroundColor: '#ddd'
  }
}

function Hello(name, styles){
  return ["div", {style:styles}, "Hello " + name]
}

sebjwallace

function Hello(name){
  return ["div", null,
    ["b", null, "Hello "],
    ["i", null, name]
  ];
}

function prerender(root){
  for(var i in root)
    if(Array.isArray(root[i]))

sebjwallace

function Hello(name){
  return ["div", null, "Hello " + name];
}

ReactDOM.render(
  React.createElement.apply(this, Hello('world')),
  document.getElementById('container')
);

sebjwallace

function Hello(name){
  return React.createElement("div", null, "Hello " + name);
}

ReactDOM.render(
  Hello("World"),
  document.getElementById('container')
);

sebjwallace

// https://jsfiddle.net/reactjs/5vjqabv3/

var Hello = React.createClass({
  displayName: 'Hello',
  render: function() {
    return React.createElement("div", null, "Hello ", this.props.name);
  }
});

ReactDOM.render(

sebjwallace

function mergeObjects(merger,mergee){
  var mergent = {};
  for(var prop in mergee){
    mergent[prop] = mergee[prop]
  }
  for(prop in merger){
    if(mergent[prop])
        mergent[prop] = mergeObjects(mergent[prop],merger[prop])
    else mergent[prop] = merger[prop]

sebjwallace

Writing hyperscript can get tedious when repeating this syntax for every element.

h('div', 'this is an element', [
  h('ul', [
    h('li', 'writing all these h calls')
    h('li', 'can get boring...')
  ])  
])