Shopify2023-10-18Explainer
What We Learned from Open-Sourcing FlashList
Summary
FlashList is Shopify’s React Native list library, created after Shopify’s migration from native technology exposed poor list performance in React Native. The post explains how a four-person team prototyped a library that combined FlatList’s familiar API with RecyclerListView’s performance, while addressing blank spacing and low frame rates on some devices. It also describes a launch planned six months ahead around a landing page, documentation, blog storytelling, social media, conference exposure, and feedback from external users. The post says FlashList was used in production on some Shopify app screens, and the launch achieved 1,000 GitHub stars in less than 24 hours. The broader conclusion is that successful open-source projects require product thinking, user empathy, community building, and a long-term authority-building strategy in addition to code.
Context
During Shopify’s migration of its mobile app from native technology to React Native, list screens performed poorly: items sometimes failed to render while scrolling, scrolling could stop suddenly, and lists were widespread across products, orders, inventory, and collections. The problem put the React Native migration at risk.
Approach / What changed
The team prototyped alternatives using FlatList and RecyclerListView, then developed FlashList to combine FlatList’s API with RecyclerListView’s performance. The open-source launch was planned six months in advance with a landing page, documentation, a blog post, social-media promotion, conference exposure, production use in Shopify apps, external feedback, and community-building efforts.
Takeaways
FlashList was designed to combine FlatList’s easier-to-understand API with RecyclerListView’s performance.
The launch plan included a landing page, documentation, blog storytelling, social media, conferences, and feedback from external users.
The post reports that FlashList reached 1,000 GitHub stars in less than 24 hours after launch.
Source and freshness
- Source
- shopify.engineering
- Published
- Added to Yomu
- Last updated
Summaries are generated from the original by a language model. Check the original before relying on it.
Keep reading
Related reading
The Good Stuff
Paid picks we use ourselves. Links carry a referral code — a subscription through one earns us a commission at no extra cost to you.
The best engineering reads, once a week
One useful email. Unsubscribe anytime.