tezvyn:

VirtualizedList: The Engine Behind React Native Lists

Source: reactnative.devadvanced

VirtualizedList is the engine behind React Native's efficient lists, rendering only visible items to save memory. Use it when FlatList isn't flexible enough, like for immutable data. The main footgun: component state is lost when items scroll out of view.

VirtualizedList is the low-level engine behind React Native's FlatList, improving performance by rendering only a small window of visible items. Use it directly when you need more flexibility, like with immutable data structures instead of simple arrays. The main footgun is state loss: an item's internal state is destroyed when it scrolls out of view, so all data must be managed externally in props or a global store.

Read the original → reactnative.dev

Get five bites like this every day.

Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.

VirtualizedList: The Engine Behind React Native Lists · Tezvyn