Suppose you need to display under 10,000 rows efficiently; what ways can you achieve this?

Displaying up to 10,000 rows can be handled efficiently by combining several techniques. First, use pagination or infinite scrolling to load only a subset of rows at a time, reducing the DOM size. Second, apply list virtualization (react‑window, react‑virtualized) so that only the visible rows are rendered. Third, memoize row components with React.memo and use stable keys to avoid re‑renders. Fourth, use useCallback for event handlers and useMemo for derived data to keep references stable. Fifth, consider server‑side filtering and sorting to reduce the amount of data sent to the client. Finally, enable shouldComponentUpdate or React.PureComponent for class components. Together, these strategies keep rendering fast, memory usage low, and the UI responsive even with large datasets.