Blink Reactivity

Blink is a dead-simple reactive signal system for JavaScript — no tooling, no build steps, no opinions.

Blink gives you three primitives:

  • explicit() – to create state that is manually updated
  • implicit() – to create state derived from explicit state
  • fx() – to create side effects that re-run when state changes

Learn more at NPM.

Mental Model for Any Reactive UI Library (React, Vue, Svelte, Blink, etc.):

library eats state → view comes out

library(📦) → 💩👀

The view is always the result of applying the library to the state — in real time.

Change the state → the view reacts to the change.

(state → library → view)

Demos

Accordion-ish Thing

Uses explicit state isOpen.

Counter

Uses explicit state count and implicit state doubled.

Count:
Doubled: