Pet project for a Reactish API. It's not nearly production ready or feature complete and will probably never will. The purpose is to educate myself more than anything else.

• functional components (no Component, no PureComponent)
• context API (only Context.Provider, no Context.Consumer)
• hooks: useState, useMemo, useEffect, useLayoutEffect, useContext, useRef and useImperativeHandle

• better typings
• keys (only the order and types of elements matter)
• better handling of host (HTML) components (currently all props are assigned to the DOM element, requires onclick for event handlers, for eg.)
• handling of SVG elements
• decent support for custom elements

• to see the difference between the two, we need to use an alert in the effect and use Chromium
• Firefox always repaint
• if we use a break point, the browser both Chromium and Firefox repaing
• Promise.resolve().then is not enough for Chromium to repaint, we must use requestAnimationFrame

• React does not appear to commit the changes to the DOM when setting state during render
• but my implementation does, it treats them the same way as if they were done during useLayouEffect

• should refs be setup during render (current implementation) or during the layout effects phase?