React Native Performance - Take 2

on YouTube ↗25m

" summary

Concrete steps to find and cut JavaScript pain in large React Native apps: start with React DevTools to spot wasted renders, use SysTrace and a Sampling Profiler to correlate JS work with UI jank, and add lightweight instrumentation to measure bridge and network hotspots. The talk debunks measuring perf with the Chrome JS profiler or debug builds, lays out an actionable checklist of low‑hanging optimizations, and reports real app improvements after applying the fixes.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 4:03React Native basics
3. 10:18Performance profiling
4. 16:54User feedback
5. 20:24Q&A and summary

" related talks

• 24mOptimising React Native "Tools and Tips"Tadeu Zagallo · React.js Conf 2016
• 25mHow to actually improve the performance of a React Native app?M. Chudziak · React Native EU 2022
• 26mMeasuring and Improving React Native PerformanceAlexandre Moureaux · App.js Conf 2022
• 30mMaking React Native Fast & LeanDan Caspi · You Gotta Love Frontend 2016
• 24mThe Performance Myths of React Native appsAnkita Kulkarni · App.js Conf 2023
• 39mPerformance issues: the usual suspectsA. Moureaux · React Native EU 2022
• 26mOptimizing React Native PerformanceSummer Knight · Chain React 2024
• 23mPractical Performance for React NativeAnna Doubkova · React Finland 2019