/* global React ReactDOM */
var div = React.DOM.div
var h1 = React.DOM.h1

var MyTitle = React.createClass({
    render () {
        return (
            div(null,
                h1(null, 'A component!')
            )
        )
    }
})

var MyTitleFactory = React.createFactory(MyTitle)

var MyFirstComponent = (
    div(null,
        MyTitleFactory(null),
        MyTitleFactory(null),
        MyTitleFactory(null)
    )
)

ReactDOM.render(MyFirstComponent, document.getElementById('app'))
@@ -180,28 +180,92 @@
  h1(
-null, 'A component!'
+%7B style: %7B color: this.props.color, size: this.props.fontstyle %7D %7D, this.props.title
 )%0A  
@@ -370,18 +370,87 @@
 onent = 
-(%0A
+React.createClass(%7B%0A    render: function () %7B%0A        return (%0A        
     div(
@@ -455,32 +455,40 @@
 v(null,%0A        
+ 
+       
 MyTitleFactory(n
@@ -490,53 +490,137 @@
 ory(
-null),%0A        MyTitleFactory(null),%0A
+%7Btitle: 'a title prop', color: 'blue'%7D),%0A                MyTitleFactory(%7Btitle: 'another title', color: 'peru'%7D),%0A       
         
 MyTi
@@ -607,32 +607,33 @@
 %0A               
+ 
 MyTitleFactory(n
@@ -635,38 +635,130 @@
 ory(
-null)%0A    )%0A)%0A%0AReactDOM.render
+%7Btitle: 'it%5C's the final title', color: 'lavender'%7D)%0A            )%0A        )%0A    %7D%0A%7D)%0A%0AReactDOM.render(React.createElement
 (MyF
@@ -770,16 +770,17 @@
 omponent
+)
 , docume

Add props to the MyTitle class.