ReNoact
Noact is a minimal self-rendering Virtual DOM library.
- Declarative: Pretty much like React, without the JSX compilation of course, hence the name.
- Type safe: Noact is completely typesafe, which means you get [static type checking][auto complete gif] for free!
- Simple: [Only 60 lines][60 lines] of type declarations & rendering code. (and 10ish lines of code-gen code)
How it feels to write Noact
- Explosions -
Even has support for style auto complete
Usage
Noact is inspired by the syntax of the [elm HTML engine][elm html]
component1
is a memoized () => HTMLElement
function, component1()
will give you back
You can use component1
as it is, or compose it in a Virtual DOM configuration
Here the root element will be populated with both component1
and span
. Every 1000ms, #root > span
and only #root > span
will be updated.
In essence, component1
is both the rendering function, and the virtual DOM.