react infinte scroll slot machine MUCH DATA examples

[artstyle]

hello
i want to create a slot machine on REACT. image i have a 10000 elements, 1000 rows by 10 elements in a row, so its not possible to render them at once(even get that data at once). so i want to render at least 10 rows and do a pagination on scroll and add some rows to the bottom and remove from the top when scroll bottom and vice versa when scroll top. do you think its possible? do you have any examples guys? just wanna test the performance. wanna look how it looks like

[GSAP Helper]

Sure, that's probably very doable but like you said, just limit the DOM elements at any given time. 

 

It's a very particular use case that'd require custom code of course. I don't know of any existing examples. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact GreenSock directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Rodrigo]

Hi,

 

Maybe this example provides a good starting point for this:

See the Pen YzOzjbL by GreenSock (@GreenSock) on CodePen

 

You can change the onUpdate method for a onLeave callback in order to make the ajax request, then add the new elements and then refresh the ScrollTrigger instance.

 

Hopefully this helps.

Happy Tweening!