Possible to unify React-like and Web Components?

[tbranyen]

The logic is already mostly shared between the two implementations. This would allow importing React components and using them as Web Components. The major difference would be defining if the Shadow DOM should be used or not. This would effectively make it so you would only ever need to import Component, and then use the result immediately in a Custom Element definition.

import '//diffhtml.org/core';
import { Component } from '//diffhtml.org/components';

class MyComponent extends Component {
  render() {
    return 'hello world';
  }
}

customElements.define('my-component', MyComponent);

[tbranyen]

This is possible thanks to the great suggestion by @rniwa found in here: WICG/webcomponents#587. If the component has been registered with customElements we can automatically put the component in "web" mode. This means that function components will work as well! There will be a single package/build to handle function components (stateless, stateful, and web) and class components (stateful and web). Very cool!

[tbranyen]

There is more work to do, but they are unified now in master and I will continue to improve so that the performance and expectations are met. Right now class components inherit from HTMLElement which is not correct as only Web Components should.