Simple example of react and coffeescript

gistfile1.txt

data = [
  { first: 'Bruce', last: 'Wayne' },
  { first: 'Peter', last: 'Parker' },
  { first: 'Foo', last: 'Bar' }]

person = React.createClass
  render: ->
    (
      (React.DOM.div {}, [
        (React.DOM.h2 {}, [ "#{@props.last}, #{@props.first}" ])
      ])
    )

personList = React.createClass
  render: ->
    people = @props.data.map (p) -> (person {first: p.first, last: p.last })
    (React.DOM.div {}, [people])

personApp = React.createClass
  render: ->
    (React.DOM.div {}, [
      (React.DOM.h1 {}, ['This is the app'])
      (personList {data: @props.data})
    ])

$ ->
  React.renderComponent (personApp {data: data}), document.getElementById("foo")