The performance myths of React Native

on YouTube ↗31m

" summary

Compares real apps to native by number and tooling: builds a sample app "Let's spend your money" with lists, charts and animations and measures CPU, memory, startup and FPS; uses FlatList not ScrollView and memoization to stop re-renders, removes console logs, and profiles with React Profiler and Flipper; chooses Reanimated v3 and Lottie for smooth animations; discovers Android device testing matters (global Android share ~72%), and a glucose‑camera feature proves JavaScript too slow so bridging to native fixes the lag.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 2:33Speaker and resources
3. 4:48React Native myths
4. 6:05Spend Your Money demo
5. 8:14Measuring performance
6. 10:44FlatList efficiency
7. 12:30Optimizing re-renders
8. 16:26Console logs impact
9. 17:27Animations in React Native
10. 20:44Android vs iOS testing
11. 23:13Profiling tools
12. 24:58Background tasks
13. 25:40Native vs React Native
14. 27:53Low-end device testing
15. 28:55Convincing friends
16. 29:38Final tips

" related talks

• 24mThe Performance Myths of React Native appsAnkita Kulkarni · App.js Conf 2023
• 26mMeasuring and Improving React Native PerformanceAlexandre Moureaux · App.js Conf 2022
• 39mPerformance issues: the usual suspectsA. Moureaux · React Native EU 2022
• 11mTips for Building Successful React Native AppsMilica Aleksic · React Alicante 2022
• 54mReact Native Better Than NativeMitchell Tilbrook · NDC Sydney 2017
• 21mNative, React Native, Flutter and MoreBarlow Tucker · droidcon SF 2019
• 30mMaking React Native Fast & LeanDan Caspi · You Gotta Love Frontend 2016
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019