diffHTML working out-of-the-box with JSX

diffhtml-jsx.js

import { createTree, innerHTML } from 'diffhtml';

class Display {
  render({ message, children }) {
    return [
      <li>{message}</li>,
      ...children,
    ];
  }
}

const App = state => (
  <ul>
    <Display {...state}>
      <li><b>Test</b></li>
    </Display>
  </ul>
);

innerHTML(document.body, <App message="Hello world" />);