Hi, this is reactiveHtml!

The easiest way to make your html reactive.

Just try it out.


Reactive variable

Variables are written like {variablename}. In your javascript, at the store initialization, just name it the same and it will get reactive, reflecting every change in the corresponding store value.


Hello, the string of my name {name} is reactive and is wrapped in an html i-tag!

Also background color and text color are reactive. And this color string here "{nestedVar}" is even a nested variable.


Manual dom changes

If you change the dom manually and you have variables in the added content, you have to manually rescan the dom by calling reparse function.


For Direktive (Todo example)

Adding a todo will just add a node and not rerender the whole list. Changed/added node will have red border.

  • {item.name} (idx: {index})


If Direktive

Only visible if {showElement} is true.