Network cache with limit

[swbtrifork]

Is there any way you can cache requests with a limit? Lets say i want to switch between 5 or 10 as in https://jsonplaceholder.typicode.com/todos?_limit=${limit}, where the limit should only refetch if it has not been called yet?

[NetanelBasal]

Sure, you can pass any key you want:

export function setTodos(todos: Todo[], limit) {
  store.update(
    updateRequestCache(`limit=${limit}`),
    setEntities(todos)
  );
}

export function fetchTodos(limit) {
  return http.get(todosUrl).pipe(
    tap(setTodos(todos, limit)),
    skipWhileTodosCached(`limit=${limit}`)
  );
}

[swbtrifork]

Doesn't that also make fetchTodos skip setTodos entirely? The behaviour im looking for is for it to always switch, but just use cache if you have it, and use network if needed. I have provided a small demo in the repo below.

https://github.com/swbtrifork/elf-network-demo/

[NetanelBasal]

fetchTodos will skip only if you already fetched the provided limit

[swbtrifork]

But the data does not update. It does not take data from the cache and update the observable as far as i can see? If i switch to 5, and back to 10, the data does update from cache, it just remains as if 5 was selected.

[NetanelBasal]

This feature just stores a boolean. You can try using the pagination library and make each limit a "page".

[swbtrifork]

Thanks, appreciate you taking the time to answer so quickly. It's awesome 👍