mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-04-02 20:15:53 +02:00
* ⚡ 🎉 * ⚡ wip * 🔤 * ⚡ wip * ⚡ wip * ⚡ Refatc signals to .get/.set syntax #26 * 🐛 Better types for on* * 🔤 * 🔤 * 🐛 coumputed signal * 🔤 ⚡ Docs UI/UX * ⚡ 🔤 UI enhancements * ⚡ (bs) (un)min * 🔤 adds debugging * 🔤 ssr * 🔤 * ⚡ bs/lint * 🔤 * 🔤 UI * 🔤 updates texts * 🔤UI * ⚡ dispatch * 🔤 events * 🔤 elements * 🔤 intro * 🐛 fixes completitions for el with components * 🐛 wrong file(s) in git * 🔤 logo * 🐛 🔤 types 3ps * 🔤 ui/ux * 🔤 * 🔤 * 🔤 scopes * 🔤 * 🔤 ui/ux * 🔤 * ⚡ issignal * 🔤 improvemens * ⚡ irelands * 🔤 UI/UX/wording * 🐛 npx-hint [Scrollable region must have keyboard access | Axe Rules | Deque University | Deque Systems](https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI) * 🔤 logos * ⚡ better? dts builds * Update README.md
16 lines
542 B
JavaScript
16 lines
542 B
JavaScript
import { S } from "deka-dom-el/signals";
|
|
const signal= S(0);
|
|
// computation pattern
|
|
const double= S(()=> 2*signal.get());
|
|
|
|
const ac= new AbortController();
|
|
S.on(signal, v=> console.log("signal", v), { signal: ac.signal });
|
|
S.on(double, v=> console.log("double", v), { signal: ac.signal });
|
|
|
|
signal.set(signal.get()+1);
|
|
const interval= 5 * 1000;
|
|
const id= setInterval(()=> signal.set(signal.get()+1), interval);
|
|
ac.signal.addEventListener("abort",
|
|
()=> setTimeout(()=> clearInterval(id), 2*interval));
|
|
|
|
setTimeout(()=> ac.abort(), 3*interval) |