Windowing ↔ (Design Pattern) to virtualize & only render subset of data, enough to fill Visual Viewport

Windowing to solve lag to load list - but will add lag to scroll list!

react-virtualized

react-window

React Stack Windowing Lib - more update than react-virtualized

Windowing demo shows trade-offs; instant render for laggy real-time list scroll!

Source: ryy8pk8wqp.csb.app/

Component Recycling

Source: blog.logrocket.com/react

References

1. react-window ↔ React Stack Windowing Lib - more update than react-virtualized