Event handlers functiion created at every re-render?

[tiye]

Code here https://github.com/dekujs/todomvc/blob/master/client/todo-item/index.js#L26

Came from React, which puts methods on this and render looks clean, Deku's solution looks quite messy to me. And during every render, function like onClick in the example below are created.

render: function() {
  var onClick = function(){}
  return <div onClick={onClick}>Click</div>
}

Would that cause performance issues? Would it bother features like hot module replacement?

[anthonyshort]

You can put the functions anywhere you want, the handlers are passed everything you'll need:

function render (component) {
  return <div onClick={onClick}>Click</div>
}

function onClick (event, component, setState) {
  // do anything
}

In some of the examples we put the functions inside when they're really simple. Hope that helps!

[tiye]

So that onClick is called with component and setState. Didn't notice that. It's helpful.

Also found in docs https://github.com/dekujs/deku#event-handlers