React native fast list

1. How do I render a large list in React Native?
2. What is FlashList in React Native?
3. How can I speed up my FlatList?

How do I render a large list in React Native?

react-window

Go to your App component and replace the code with the code below: import React from 'react'; import faker from 'faker' import FixedSizeList as List from "react-window"; import './App. css'; function App() const data = new Array(1000). fill().

What is FlashList in React Native?

React Native provides a suite of components for presenting lists of data. Generally, you'll want to use either FlatList or SectionList. The FlatList component displays a scrolling list of changing, but similarly structured, data.

How can I speed up my FlatList?

Use light components​

The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.