DEV Community

Discussion on: How I maintain large-scale dataset in react

Collapse
 
vovacodesca profile image
vova ushenko

Thanks! I just want to point out that infinite-scroll can by tricky. For instance, in one massive social platform (vk.com) existed bug for a while when there was impossible to scroll to the footer of the page. Newly rendered cards just prevented this 😊

Collapse
 
bashasm profile image
Basha • Edited

Vova, curious to know how was the bug solved?

Collapse
 
vovacodesca profile image
vova ushenko

Super simple, just allow users to choose. E.g. after two, three or whatever dynamic loads in infinite scroll render a button "load more" or something like this.

Thread Thread
 
bashasm profile image
Basha

Yeah that works, but usually in infinite scroll the user expects the data to load as soon as we get to near of the end of the page.
Any ways cheers.

Thread Thread
 
vovacodesca profile image
vova ushenko • Edited

Oh yeah, sure. There is no silver bullet. If in your app there is nothing below this container with infinite scroll, let be it. But if you want to show some footer with contact info or anything useful, you must take care of this.

For instance, here on the main of dev.to. Let's say you want to copy something from the footer, some link or whatever. This is a truly annoying user experience.

Thread Thread
 
menomanabdulla profile image
menomanabdulla • Edited

I have same felling though but I believe case depends on use-case. Imagine any feed component like facebook, twitter, dev.to, instagram have pagination, then what about user-experience? =D If we talk about any eCommerce product-page then case is different, we can control the flow by user-event and also there some filter-options too. BTW, there is no BUG in tech all are blessing hahahahaha

Collapse
 
johnnycus profile image
Albert Itayev

Instagram had the same bug. They fixed it by moving footer links to the right sidebar

Collapse
 
menomanabdulla profile image
menomanabdulla

It's become features now I guess, most of the applications UI arranged this way seems like.