var div = React.DOM.div
var h1 = React.DOM.h1

var MyTitle = React.createClass({
  render () {
    return (
      div(null,
        h1(null, this.props.title)
      )
    )
  }
})

var MyTitleFact = React.createFactory(MyTitle)
var ce = React.createElement

var MyFirstComponent = (
  div(null,
    MyTitleFact({title: 'Props are great!'}),
    React.createElement(MyTitle, {title: 'Use props everywhere!'}),
    ce(MyTitle, {title: 'Props are the best!'})
  )
)

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

var div = React.DOM.div
var h1 = React.DOM.h1

var MyTitle = React.createClass({
  render () {
    return (
      div(null,
        h1(null, 'Check out my first class component!')
      )
    )
  }
})

var MyTitleFact = React.createFactory(MyTitle)

var MyFirstComponent = (
  div(null,
    MyTitleFact(null),
    React.createElement(MyTitle, null)
  )
)

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

--- 
+++ 
@@ -5,20 +5,18 @@
   render () {
     return (
       div(null,
-        h1(null, this.props.title)
+        h1(null, 'Check out my first class component!')
       )
     )
   }
 })
 
 var MyTitleFact = React.createFactory(MyTitle)
-var ce = React.createElement
 
 var MyFirstComponent = (
   div(null,
-    MyTitleFact({title: 'Props are great!'}),
-    React.createElement(MyTitle, {title: 'Use props everywhere!'}),
-    ce(MyTitle, {title: 'Props are the best!'})
+    MyTitleFact(null),
+    React.createElement(MyTitle, null)
   )
 )
 
Use props to display content
