∴ spræ

Ræctive sprinkles for HTML/JSX tree

usage

<div id="counter" :scope="{count: 1}">
  <p :text="`Clicked ${count} times`"></p>
  <button :onclick="count++">Click me</button>
</div>

<script type="module">
  import sprae from '//unpkg.com/sprae?module'

  const state = sprae(document.getElementById('counter'), { count: 0 })
  state.count++
</script>

docs

:text :class :style :value :<attr> :if :else :each :scope :fx :ref :on<event>

.debounce .throttle .delay .once
.window .document .root .body .parent .self .outside
.passive .capture .prevent .stop .<key>

why

Wire UI in markup for cleaner app logic.