Improving React Native Performance in Facebook Marketplace

on YouTube ↗26m

" summary

Marketplace serves 800 million monthly users and a 100+ engineer codebase and aims to cut initial load from ~3.5s for 75% of users toward a 1s goal. Concrete tactics: ship a 64‑bit JavaScriptCore, use Ram bundles and Metro to split startup modules, move GraphQL requests into a thin native layer, measure with systrace and Chrome remote debugging, convert eager imports to runtime requires, prefer PureComponent/shouldComponentUpdate, and render a fast lightweight view (≈200ms) then fade into the full 500ms view.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 1:31WHAT IS MARKETPLACE?
3. 3:24RAPID DEVELOPMENT WITH REACT NATIVE
4. 15:42OPTIMISE JAVASCRIPT BUNDLE
5. 19:12OPTIMISE REACT CODE

" related talks

• 30mMaking React Native Fast & LeanDan Caspi · You Gotta Love Frontend 2016
• 24mOptimising React Native "Tools and Tips"Tadeu Zagallo · React.js Conf 2016
• 21mJavaScript, React Native and PerformanceTadeu Zagallo · ReactEurope 2016
• 39mPerformance Does Matter - Making Your React-Native App FastOmri Bruchim · React Native EU 2020
• 23mPractical Performance for React NativeAnna Doubkova · React Finland 2019
• 31mUsing React Native to ship fast and navigate performance improvementsJosh Hargreaves · App.js Conf 2019
• 01h 01mReact Native: A Better Way to Do MobileBrent Vatne · Philly ETE 2016
• 39mPerformance issues: the usual suspectsA. Moureaux · React Native EU 2022