Frozen Frames in React Native

on YouTube ↗06m

" summary

Defines a frozen frame as UI unresponsive >700ms and explains why that threshold (vs 16.7ms per 60fps frame) breaks user flows. Presents an in-house open source tool, DeFrost, that correlates Android trace data with React commits by timestamp to surface which JS commit precedes long frame durations. The report plots per-frame durations, marks 16ms and 700ms budgets, and lets one click a React commit to list the exact JS diffs to inspect.

AI-written summary · about

" related talks

• 26mMeasuring and Improving React Native PerformanceAlexandre Moureaux · App.js Conf 2022
• 25mReact Native <3 60FPS -- Improving React Native animations>Krzysztof Magiera · ReactEurope 2016
• 24mOptimising React Native "Tools and Tips"Tadeu Zagallo · React.js Conf 2016
• 39mPerformance issues: the usual suspectsA. Moureaux · React Native EU 2022
• 21mThe UI Was Beautiful. The Frame Rate Wasn’t. Why We Didn’t Fix It.Nick Kaffine · Chain React 2026
• 23mPractical Performance for React NativeAnna Doubkova · React Finland 2019
• 30mLiving in an async world of React NativeKrzysztof Magiera · ReactiveConf 2016
• 43mNo More Jank: Escaping the Matrix of Frame DropsShree Bhagwat · Fluttercon India 2025