Prefetch occurrences of the week

[stormofice]

With #93 being fixed, there is still a small amount of flicker due to the backend's latency.

Could we preload all occurrences of the currently select week (after page load) to smooth out the experience?
This should not interfere with normal site usage, as the data is being downloaded in the background.

There are valid data usage concerns, but I think the quality of life improvement is more important.

[GamerBene19]

there is still a small amount of flicker due to the backend's latency.

I think the better solution would be to use a proper loading spinner in this case.
@maanex Whats your take on this?

[stormofice]

Just to clarify, these fast swaps to "Loading..." and back to content are the ones I think we should avoid:

Screen.Recording.2022-07-24.at.16.55.57.mov

[GamerBene19]

Just to clarify, these fast swaps to "Loading..." and back to content are the ones I think we should avoid

Thanks for the clarification, but I did understand what you meant.
Still, I think that having a proper loading spinner/screen is the better solution. Perhaps we can use an approach similar to YouTube, were we display "dummy" components until the content is loaded:

[maanex]

Ghost elements, as they are called, are a solid option for initial page load. After initial load is done that we should definitely pre-fetch the other days in terms of user experience. The backend should cache those kinds requests anyway so the impact shouldn't be that significant.

[tobiges]

It sould be quite easy to implement prefetching: https://www.apollographql.com/docs/react/performance/performance/#prefetching-data