
var MyTitle = React.createClass({
  render: function () {
    return (
      React.DOM.div(null,
        React.DOM.h1(null, 'check out this component!'))
    )
  }
})

var MyTitleFactory = React.createFactory(MyTitle)

var MyFirstComponent = React.createClass({
  render: function() {
    return (
      React.DOM.div(null,
        MyTitleFactory(null),
        MyTitleFactory(null),
        MyTitleFactory(null),
        MyTitleFactory(null))
        // React.DOM.h1(null, 'This is my first component!'))
    )
  }
})

ReactDOM.render(React.createElement(MyFirstComponent), document.getElementById('app'))

@@ -116,41 +116,83 @@
 .h1(
-null, 'check out this component!'
+%7B style: %7B color: this.props.color, fontWeight: 'bold' %7D%7D, this.props.title
 ))%0A 
@@ -387,102 +387,322 @@
 ory(
-null),%0A        MyTitleFactory(null),%0A        MyTitleFactory(null),%0A        MyTitleFactory(null
+%7B title: 'props are the best', color: 'peru'%7D),%0A        MyTitleFactory(%7B title: 'semicolons are the worst', color: 'mediumaquamarine'%7D),%0A        MyTitleFactory(%7B title: 'jklol its okay if you like semicolons', color: 'blanchedalmond'%7D),%0A        MyTitleFactory(%7B title: 'i am out of ideas', color: 'rebeccapurple' %7D
 ))%0A 

Add styling via props.