classy-solid
Version:
Solid.js reactivity patterns for classes, and class components.
32 lines • 1 kB
TypeScript
/**
* Syncs two signals together so that setting one signal's value updates the
* other, and vice versa, without an infinite loop.
*
* Example:
*
* ```js
* const [foo, setFoo] = createSignal(0)
* const [bar, setBar] = createSignal(0)
*
* syncSignals(foo, setFoo, bar, setBar)
*
* createEffect(() => console.log(foo(), bar()))
*
* setFoo(1) // logs "1 1"
* setBar(2) // logs "2 2"
* ```
*
* It returns the getters/setters, so it is possible to also create the signals
* and sync them at once:
*
* ```js
* const [[foo, setFoo], [bar, setBar]] = syncSignals(...createSignal(0), ...createSignal(0))
*
* createEffect(() => console.log(foo(), bar()))
*
* setFoo(1) // logs "1 1"
* setBar(2) // logs "2 2"
* ```
*/
export declare function syncSignals<T>(getterA: () => T, setterA: (value: T) => void, getterB: () => T, setterB: (value: T) => void): readonly [readonly [() => T, (value: T) => void], readonly [() => T, (value: T) => void]];
//# sourceMappingURL=syncSignals.d.ts.map