Example of Virtualization in React ListView Component

All Controls
/
Listview
/
UiVirtualization

This sample demonstrates the default functionalities of UI virtualization. Scroll list item to experience UI virtualization.

More Details...

Contacts
  • NNancy
  • AAndrew
  • JJanet
  • Margaret
  • SSteven
  • Laura
  • RRobert
  • MMichael
  • Albert
  • NNolan
  • MMichael
  • JJanet
  • NNolan
  • MMichael
  • JJanet
  • Margaret
  • AAndrew
  • NNolan
  • RRobert
  • Margaret
  • SSteven
  • AAndrew
  • JJanet
  • NNolan
  • AAndrew
  • MMichael
  • NNancy
  • MMichael
  • JJanet
  • SSteven
  • Albert
  • NNolan
  • SSteven
  • Laura
  • RRobert
  • Margaret
  • SSteven
  • JJanet
  • NNolan
Properties
Load data
Time taken
8 ms
Description

UI virtualization is an optimization technique to avoid unnecessarily constructing and rendering objects for list items by loading only visible list items in a view port. This helps improve ListView performance when loading a large number of items. The list items are updated dynamically while users scroll the list. The virtualization can be enabled by using the enableVirtualization API in Listview.