Virtualized Infinite Scroll Table

Loading...
Screenshot 1
Loading...
Screenshot 2

Tools and Technologies

    ReactTypeScriptTanStack TableReact VirtuosoTailwind CSS
Project Description

This project demonstrates how to handle large datasets efficiently in a web application. It features a virtualized product table that renders a list of rows smoothly using React Virtuoso, while TanStack Table manages column and cell logic. Data is fetched incrementally via API pagination with limit and skip parameters, ensuring efficient network usage and smooth infinite scrolling.

The table includes key UX features such as loading spinners for initial and incremental fetches, a graceful "no more data" message when pagination ends, and a dynamic counter showing how many products are currently loaded out of the total available. This project highlights performance optimization, state management, and modern UI styling with Tailwind CSS.