Previous tip (Use CSS Isolation with child components) Next tip (Use Error Boundaries to localise errors) >>

Need to render a large list of items in your Blazor app?

If you iterate a large list with a foreach loop and render UI for each item in the list, your Blazor app is likely to slow to a crawl.

Use Virtualize to speed up the perceived performance of your app by only loading the items that are visible.

<Virtualize Items="@allUsers">
<UserSummary
@key="context.UserId"
Details="@context.Bio" />
</Virtualize>

More details

Check out the official docs for more examples.