GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-12 07:37:11 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Avoid duplicate initial fetching with asyncReactive

Browse source
This commit is contained in:
Henrik Giesel 2021-03-22 02:58:19 +01:00
parent 15b19e44b9
commit 3c5233297a
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ts/graphs/asyncReactive.ts
View file

@ -13,14 +13,15 @@ function useAsyncReactive<T, E>(
): AsyncReativeData<T, E> { ): AsyncReativeData<T, E> {
const promise = derived( const promise = derived(
dependencies, dependencies,
(_, set) => set(asyncFunction()), (_, set: (value: Promise<T> | null) => void) => set(asyncFunction()),
asyncFunction() // initialize with null to avoid duplicate fetch on init
null
); );
const value = derived( const value = derived(
promise, promise,
($promise, set: (value: T) => void) => { ($promise, set: (value: T) => void) => {
$promise.then((value: T) => set(value)); $promise?.then((value: T) => set(value));
}, },
null null
); );
@ -28,7 +29,7 @@ function useAsyncReactive<T, E>(
const error = derived( const error = derived(
promise, promise,
($promise, set: (error: E | null) => void) => { ($promise, set: (error: E | null) => void) => {
$promise.catch((error: E) => set(error)); $promise?.catch((error: E) => set(error));
return () => set(null); return () => set(null);
}, },
null null