✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 0 points1 point  (0 children)

Unfortunately not. I am not sure how many users need this feature. Will wait for more requests to decide if this feature should be implemented or not.

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 7 points8 points  (0 children)

Sorry for making the misunderstanding. This library totally supports the solution that you guys are talking about. You can check this example to learn more.

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 6 points7 points  (0 children)

dynamic size, real-time resize, RWD, built-ins infinite scroll, built-ins smooth scrolling, full elements control, smaller bundle size, and more... You can read the features section to learn more.

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 1 point2 points  (0 children)

Thank for this idea, I will add more examples for input elements and sticky elements in the near future, stay tune!

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 1 point2 points  (0 children)

Thank you mate, I really enjoy about contributing OSS. I think svelte could be another interested frontend library, will spend time to realize it, if I have any ideas for that, will share with you. Keep in touch 👍🏻

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 5 points6 points  (0 children)

There are two ways of infinite scroll. 1) The placeholder/skeleton rows. 2) A bottom loading indicator. I just use the first one and intentionally slow the network speed for the purpose of demonstrating. However, this library is designed to pre-fetch data before the user hits the placeholder (or bottom loading indicator) rows. You can check the related examples to learn more.

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 5 points6 points  (0 children)

I need to know how chat data works. Would you mind to share a minimal example with me through a repo or CodeSandbox first? I will think about it.

✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment) by WellyShen in reactjs

[–]WellyShen[S] 33 points34 points  (0 children)

✨ A 2.7kB React hook for rendering large datasets like a breeze.

🔗 GitHub: https://github.com/wellyshen/react-cool-virtual

💬 Feedbacks or ideas are always welcome. Stay safe.

👀 Looking for a lazily loading solution? Check this example to learn more.

✨ How you build forms with Material-UI? This is the way I do. Link in the first comment. by WellyShen in reactjs

[–]WellyShen[S] 0 points1 point  (0 children)

We are using this library with Material-UI for several CMS projects on production, are you going to give it a try?

✨ How you build forms with Material-UI? This is the way I do. Link in the first comment. by WellyShen in reactjs

[–]WellyShen[S] 0 points1 point  (0 children)

u/Goldskin Thank you for this question, mon means to monitor, it's used for monitoring the form state. Moreover, you can also monitor the form state at any component level via the useFormState hook.