You can go EVERYWHERE but I can go FAST - performance case study

on YouTube ↗22m

" summary

Profiles React Native apps with Flipper profiling and shows concrete wins: bundle cut from 28MB→15MB yielding ~26% download and ~10% execution speedups and ~13% TTI improvement; a heavy shimmer component drops render from 132ms to 36ms (4x faster); a component subtree shrinks 38→20 nodes, preventing extra renders; app performance score rises 80→95 and JS FPS 37→55; release JS+native builds give the fastest startup.

AI-written summary · about

" chapters (9)

1. 0:00Introduction analogy
2. 1:08Hypercar engine analogy
3. 3:15Bundle size reduction
4. 6:57Shimmers performance issue
5. 9:43Component structure optimization
6. 12:38React hooks performance
7. 16:09Development vs production
8. 19:22Performance improvements summary
9. 20:27Conclusion and key takeaways

" related talks

• 39mPerformance Does Matter - Making Your React-Native App FastOmri Bruchim · React Native EU 2020
• 26mMeasuring and Improving React Native PerformanceAlexandre Moureaux · App.js Conf 2022
• 31mThe performance myths of React NativeAnkita Kulkarni · Chain React 2023
• 24mThe Performance Myths of React Native appsAnkita Kulkarni · App.js Conf 2023
• 30mMaking React Native Fast & LeanDan Caspi · You Gotta Love Frontend 2016
• 24mOptimising React Native "Tools and Tips"Tadeu Zagallo · React.js Conf 2016
• 23mPractical Performance for React NativeAnna Doubkova · React Finland 2019
• 39mAndroid App Performance in a NutshellBen Weiss · Droidcon London 2023