@fjsx/runtime v0.0.7

Fjsx

A counter example:

var counter$ = 0; // An option: If a variable ends with $ then it is observable.

var view = (
  <>
    <button onClick={() => counter$++}> + </button>
    {counter$}
    <button onClick={() => counter$--}> - </button>
  </>
); // Bonus! view is a real DOM element(s)

document.body.appendChild(view);

The above example can work because our compiler compiles to knockout style observable functions.

You can browse our todomvc example for a more advanced example.

fjsx-examples is a configured project for starting.

API

TODO

Acknowledgement

Some ideas are inspired from surplus