React Best Practices

by ramnathv

HTML

<script src="//fb.me/react-with-addons-0.14.0.js"></script>
<script src="//fb.me/react-dom-0.14.0.js"></script>
<div id="main"></div>

CoffeeScript

R = React.DOM
Rc = React.createElement

# Example 1
###
Text = (props) -> 
  R.p null, props.children

ReactDOM.render(
  Rc(Text, null, "Hello World"),
  document.getElementById("main")
)
###

# Example 2
TheChild = (props) -> 
   myFunc: -> "Hello"
   render: ->
     R.p null, "Hello"
TheParent = React.createClass
  componentDidMount: ->
    console.log @refs.foo.myFunc()
  render: ->
   Rc(TheChild, {ref: 'foo'})

        
ReactDOM.render(
  Rc(TheParent),
  document.getElementById("main")
)