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