FlashList – make your lists faster now
summary
FlashList is a drop-in replacement for FlatList that adds a native first-render view plus a recycling pool so cells are reused instead of recreated. On a Moto G10 test JS FPS jumps from ~11.8 to ~49 and UI FPS from ~44 to ~58, thread lock drops from ~2 seconds to zero and average blank space falls from ~200 to ~45 pixels. It requires a native install and an estimatedItemSize for best first-render behavior and fails to recycle when top-level keys force remounts.
AI-written summary · about
chapters (11)
- 0:00Introduction to FlashList
- 1:06Why FlashList was created
- 2:53RecycleView vs FlashList
- 5:47How FlatList works under the hood
- 7:36FlashList’s recycling pool
- 9:01Fixing first render issues
- 10:03Performance metrics comparison
- 13:38Live demo migration
- 16:51Key performance tips
- 20:26Final performance results
- 21:28Production readiness
related talks
19mFast by Default: Performance Starts with State
26mMeasuring and Improving React Native Performance
22mPerformant UIs Using CSS Magic
06mLightning talk from Vivian Cromwell
19mLazy Flutter performance
23mHybrid apps performance (en)
39mPerformance Does Matter - Making Your React-Native App Fast
49mRendering without lumpy bits