Using React Native to ship fast and navigate performance improvements

on YouTube ↗31m

" summary

Bloomberg News moves from a native feed to a full React Native app released late 2016 and reports 86.4% JavaScript in the codebase with 6.6% Objective‑C and 5.2% Java. Concrete wins: faster shipping, shared article and market components, and a working live TV player. Concrete problems and fixes: navigation chosen as react‑navigation with memory pain from tab views (solved by unloading tabs or react‑native‑screens), native view visibility tracking for analytics, ads and widgets implemented natively, and Android list slowness fixed by flat list batching plus PureComponent wrappers.

AI-written summary · about

" chapters (12)

1. 0:00Introduction and background
2. 3:58Moving to React Native
3. 7:33App demo walkthrough
4. 10:48Codebase breakdown and benefits
5. 12:33Native code integration needs
6. 12:55Navigation challenges
7. 17:14Redux performance issues
8. 20:05List performance on Android
9. 23:12Flame graph analysis
10. 25:58Optimizing list rendering
11. 27:50Future of React Native
12. 29:58Q&A and closing

" related talks

• 30mReact NativeChristopher Chedeau · React.js Conf 2015
• 01h 01mReact Native: A Better Way to Do MobileBrent Vatne · Philly ETE 2016
• 25mReasons to give React Native a(nother) tryBrent Vatne · JSHeroes 2018
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 31mFrom React to NativeLaura González · React Boston 2019
• 26mReact Native is the new blackNicole Barbosa · The Conf 2018
• 31mReact Native in 40 minutesTruls Skeie · Øredev 2022
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019