A SensibleJS demo · ~5KB gz · no build step

Sensible Tasks

localStorage on localStorage off
reactive ui in html attributes
github.com/ricardoaponte/sensiblejs

Live two-way binding

01 · s-bind · computed · s-text
your name
Bound to name. Persists in localStorage.localStorage off — data resets on reload.
…and the page will know you.
, .
You have thingthings to do.

The task list

02 · s-for · s-key · s-debounce · s-attr · s-ref
pending · done · total
hit(s)
·
No tasks yet — add one above. Nothing matches "". All caught up. Nice. Nothing done yet.
progress %
total
done
remaining

Activity

03 · watch
Driven by a watch on tasks in the store.

Personalize

04 · s-css · s-blur
accent color
Live s-bind — updates on every pick.
preview size · px
tagline · committed on blur
s-blur — the store updates only when the field loses focus, not on every keystroke.
— — — sensible —

Inline state, no store

05 · s-data
A self-contained counter
Its state lives in s-data="{count: 0}" on the wrapper. No store entry needed.

The store, live

06 · s-text · computed 

        
storeJson is a computed value — JSON.stringify over the reactive state.