u/Desperate_Door1709

Ever implemented deferred/progressive API calls in react native? If yes what is your go to approach?

Do they really help in performance gain?

Note: For those who are confused, I am talking about making api calls progressively based on what users can see on the screen. So basically we only make api calls to fetch the amount of data required to fill the user's screen and as they scroll new data is fetched progressively based on scroll and whether the fetched data fills more than the entire viewport.

I feel like trying to do this from scratch in react native is causing too much complex spaghetti code and rerenders. I am looking for a better way to do this if it exists.

I am using Flashlist from shopify/flash-list. currently the api is only returning 3 items. but still the flashlist is taking nearly 80ms for initial load. I have tried to use estimatedItemSize and estimatedListSize props(came across using them as solution in github issues). But realised they were removed from V2. I have tried simplifying the rendering items. Updated them to only render a text component. But still the initial load time hasn't changed. Am i missing something?. Would like it if some knowledge on how to resolve this.

https://preview.redd.it/nngiulhse9zg1.png?width=1272&format=png&auto=webp&s=f2239bde0597442d9d2082b7452f9a0d16417128

https://preview.redd.it/jcmyc5yue9zg1.png?width=638&format=png&auto=webp&s=7e087c016c02eb7c187b2b47ea501114a7f710a6