---
schema_version: "1"
id: d3c63b12f07b1bf0704bbb6c8b3f1106eef3bd5d5bb22f04862ad1555853b299
title: Load Large Lists Dynamically (Developer Preview)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/262-0-0/rn_lwc_release_manager_dynamic_list.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_release_manager_dynamic_list.htm&release=262.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 76b08acd0d084475b841449d465e83674e536ff0481ddd03ea748faf0f041715
description: Handle massive amounts of data without slowing down your web browser. Whether you’re showing 50 or 5,000 items, dynamic lists offer a smooth user experience by using virtualization to render items as you scroll.
products:
  - Cross Cloud
release: "262"
---
# Load Large Lists Dynamically (Developer Preview)

Handle massive amounts of data without slowing down your web browser. Whether you’re showing 50 or 5,000 items, dynamic lists offer a smooth user experience by using virtualization to render items as you scroll.

**Where:** This change applies to Lightning Experience, Experience Builder sites, and all versions of the mobile app in all editions. This change is available only to organizations that have opted in to the Dev channel in Salesforce Release Manager.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-release-notes-salesforce_release_notes-262-0-0-production-enus/e945111b-3e0a-4011-accc-d5949363bfcc/images/icon_note.png)

Note The Dev Channel provides access to features that are not generally available and have been designated as pilot, beta, limited release, or developer preview. Their use is at the Customer’s sole discretion and is subject to the Beta Services Terms at [Agreements - Salesforce.com](https://www.salesforce.com/company/legal/).

**How:** To use dynamic lists, opt in to the Dev channel in [Salesforce Release Manager](https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_release_manager.htm&release=262.0.0&type=5 "With Salesforce Release Manager, your organization can preview and test upcoming features in sandboxes by using the Development (Dev) channel. Salesforce Release Manager accelerates innovation, improves long-term quality, and provides you with greater control over feature consumption. Your feedback helps us improve the feature quality and shape the future of the product.").

In your custom component, use the `lightning-dynamic-list-container` and `lightning-dynamic-list-item` base components.

To work with dynamic lists:

- Place the dynamic list components in a container with a bounded height. The height constraint ensures proper rendering and scroll behavior.
- Wrap the entire list with `lightning-dynamic-list-container`.
- Wrap each row with `lightning-dynamic-list-item`.
- Use a unique `item-id` on each item so that the component can track focus correctly even when items scroll off-screen.
- Attach the `renderlistitems` event listener to `lightning-dynamic-list-container`. When you scroll, the component continuously dispatches the event to inform the parent which sliced list to render. When the sliced list renders, the component adjusts the position of each row.

Dynamic lists provide these functionalities.

- List virtualization with infinite scrolling: The list dispatches a `loadmore` event to notify the parent component to load additional rows. It loads only the items currently visible in the user's window, which significantly reduces browser memory usage.
- Focus preservation: The list keeps track of the focused row, maintaining focus even during virtualization. Even if you click a row and scroll it off-screen, the list ensures focus is maintained.
- Comprehensive accessibility: The list provides native support for screen readers and keyboard navigation. It automatically handles complex interactions like Home, End, and Arrow key navigation. With Browse Mode detection, the list also identifies when a keyboard user is navigating without triggering standard focus events and announces a live message suggesting that they switch to Focus Mode to ensure that the virtual cursor and the scrolling list remain perfectly aligned.

Here are some considerations for working with dynamic lists.

- Place `lightning-dynamic-list-container` adjacent to `lightning-dynamic-list-item`. Embedding elements or other components between the dynamic list components isn’t supported.
- Place both `lightning-dynamic-list-container` and `lightning-dynamic-list-item` in the same LWC template.
- Avoid padding on elements between `lightning-dynamic-list-container` and `lightning-dynamic-list-item`. Use margin on rows wrapped by `lightning-dynamic-list-item` for spacing between rows and between rows and the container.
- Remove `overflow: scroll` or similar styles from your list container. `lightning-dynamic-list-container` handles scrolling on dynamic lists.

#### See Also

- [Component Library](https://developer.salesforce.com/docs/platform/lightning-component-reference/)