generator-react-gulp-browserify-less/app/templates/ui/Timer.coffee

A Yeoman Generator for facebook's React framework. It includes gulp, browserify,babel,source maps, livereload and famous official Twitter bootstrap LESS version.

React = require("react")
Timer = React.createClass(
  getInitialState: ->
    secondsElapsed: 0

  tick: ->
    @setState secondsElapsed: @state.secondsElapsed + 1
    return

  componentDidMount: ->
    @interval = setInterval(@tick, 1000)
    return

  componentWillUnmount: ->
    clearInterval @interval
    return

  render: ->
    return (React.DOM.div {}, [
      'Seconds Elapsed: ' + @state.secondsElapsed
    ])

)
module.exports = Timer