Social Media Photo by Louis Reed on Unsplash
A minimalistic signals implementation, derived from the post Signals: the nitty-gritty, which size, once minified and brotlied, is 528 bytes.
dispose()
is invokedbatch
operation is updating all inner signals at onceFor anything more complex please check usignal out.
signal(value)
to create a new signal with a reactive .value
computed(fn[, initialValue])
to create a computed signal with a read-only .value
effect(fn)
to create an effect and return a dispose functionbatch(fn)
to update multiple signals at once and invoke related effects onceuntracked(fn)
to make a callback that can read some signals without subscription to themSignal
to compare via instanceof Signal
instancesComputed
to compare via instanceof Computed
instancesComputed accepts an initial value to pass to the callback. The callback will keep receiving the previous value on each new invoke.
// import {signal, effect} from 'https://unpkg.com/@webreflection/signal';
// const {signal, effect} = require('@webreflection/signal');
import {signal, effect} from '@webreflection/signal';
const single = signal(1);
const double = signal(10);
const triple = signal(100);
const dispose1 = effect(() => {
console.log(`
#1 effect
single: ${single}
double: ${double}
`);
});
const dispose2 = effect(() => {
console.log(`
#2 effect
double: ${double}
triple: ${triple}
`);
});
++double.value;
// logs single 1, double 11
// logs double 11, triple 100
dispose2();
++double.value;
// logs single 1, double 11