React's secondsElapsed example with KDFramework

index.coffee

class Timer extends JView
  
  constructor:->
    super cssClass: 'timer'
    @setData secondsElapsed : 0

  viewAppended:->
    super
    setInterval (@bound 'tick'), 1000

  tick:->
    @data.secondsElapsed += 1
    @render()

  pistachio:->
    "Seconds elapsed: {{ #(secondsElapsed) }}"

appView.addSubView new Timer

style.css

.timer {
  background-color : #eee;
  width            : auto;
  height           : auto;
  padding          : 10px;
  margin           : 20px;
  border           : 1px solid #ccc;
}