New FlashList | React Native Tutorial 2022
Beto, July 9, 2022 · 3,359 views
If your FlatList stutters once the data gets long, FlashList is the answer. It's Shopify's open source list component, and it often beats FlatList without changing how you write your rows. In the video I set it up in an Expo bare workflow project and prove the difference with the Performance Monitor.
One catch worth knowing up front: it won't run in Expo Go, so I show you the bare workflow setup too.
What's inside
- Why FlashList needs bare workflow or prebuild, not Expo Go
- Installing and running on iOS and Android
- A reusable TweetCard component as the
- Feeding a large tweets dataset through the prop
- The prop and why skipping it hurts performance
- Verifying smooth scrolling with the Performance Monitor
Resources
CourseReact Native course
Build lists, feeds, and full apps that stay fast: 17 sections and 800+ minutes of React Native.
Had a win? Get featured on Code with Beto.Share your story
Like this article? Get the rest of the library plus weekly React Native tips. Free.