Vanilla Renderer

[wycats]

Per @NullVoxPopuli, something like this:

// using arrows for less things to handle in implementation
element(
  'div', 
  {
    /* attributes */
    class: () => `text-black ${cell.current}`,
    `data-foo`: () => cell.current,
  }, 
  [
    /* children */
    element('button', {/* attributes */}, [
      /* children */ 
      text(() => `hi!, ${cellB.current}`)
    ],
    /* event listeners */
    (el, on) => {
       el.addEventListener('click', ...)
       on.cleanup(() => el.removeEventListener('click', ...));
    }
  ]
);