budgily.com

[leaden nacelle]

https://budgily.com/
Visualize and categorize your spending (and income) (Import to follow soon)

[leaden nacelle]

Most important thing I learned: large lists of data need to be noSerialize()-ed - or poor performance ensues

[scarlet knoll]

@leaden nacelle how you were able to display the loading after the page has loaded? I'm also looking for a similar functionality where I need to call an API after the page has loaded. I'm not sure if you're willing to share the source code, but it would be great if you could.

[leaden nacelle]

@scarlet knoll do you mean the "loading..." that appears initially/on the reload button click?

[leaden nacelle]

This is the line https://github.com/gparlakov/budgily/blob/7dec34644d739110ec79a8777697ddfe4ff9d2ae/budgily/src/routes/index.tsx#L121C24-L121C24

Controlled by the vm Resource https://github.com/gparlakov/budgily/blob/7dec34644d739110ec79a8777697ddfe4ff9d2ae/budgily/src/routes/index.tsx#L46

  const vm = useResource$(async ({ track, cleanup }) => {
    // ˯˯˯˯ whenever the filter changes we'll re-start the resource (and cleanup the previous)  
    track(appStore.filter);
    const abort = new AbortController();
    cleanup(() => abort.abort());

    return debouncedGetAllMovements(appStore.filter, { field: 'date', desc: true })
      .then(mapToViewModel)
        ...
  });