calling DOM methods

If an element gets rendered by a choo view, and I need to invoke a method on that element in response to an action, what is the proper way for making that call?

For example scrollIntoView(), focus(), normalize(), select(), etc.

In React, I’d use lifecycle methods for this. Would it make sense to add similar hooks to choo?

[timwis]

Note that you’ll have to use query selectors in timeouts because once the view is patched onto the dom, there’s no guarantee the element created by the view will still exist. Because choo uses morphdom to apply dom updates, if an element already exists in the dom, it simply gets updated rather than replaced. So if your view creates a <div> each time it runs, and you save a reference to that <div> inside your view and refer to it in a setTimeout callback, it will only work on the first render. Because future renders simply patch the existing <div> with the one they created.

Example: http://requirebin.com/?gist=7721c651eb58622669112c9391d9c1b8

[pekeler]

Oh, cool. The timeout callback doesn’t give me the parentElement sugar but is good enough. Coming from React, I assumed DOM updates in Choo are also asynchronous.