Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FlashList: A better list for React Native

Avatar for Siavash Etemadieh Siavash Etemadieh
September 29, 2022
360

FlashList: A better list for React Native

Want 60fps Lists even on lower end devices and without seeing those dreaded blank cells?
Shopify has recently open-sourced FlashList, a new drop-in replacement for React Native's FlatList. In this talk, you'll learn more about how we built FlashList, why it's so fast, and how you can use it to make your lists lightning fast today.

Avatar for Siavash Etemadieh

Siavash Etemadieh

September 29, 2022
Tweet

Transcript

  1. • It’s fast! (Recycling over Virtualisation) • Scales with large

    & Complex Lists • Highly customizable • Mature & Well adopted Advantages 13
  2. • API is complicated • No simple solution to dynamic

    heights • First render layout issues Shortcomings 14
  3. 16

  4. • 60/120fps fps on all devices • Developer friendly •

    Solve Dynamic Cell heights • Instrumentation Goals 17
  5. 28

  6. 29