Web-Like Development and Release Agility for React Native

on YouTube ↗35m

" summary

Cloud CI via Mobile Center builds and distributes React Native apps, with crash reporting that links JS stack traces to source maps and real-device testing; a live payment bug is fixed and deployed over the air with CodePush (can stage to ~5% of users; code-signing planned). Remote debugging runs JS in an IDE by replacing Chrome with node-chakra to enable time‑travel snapshots, and a gesture-mirroring tool (Mayaki) records/replays events for multi-device integration tests.

AI-written summary · about

" chapters (21)

1. 0:00React Native development intro
2. 1:44Web-like development model
3. 3:30CodePush OTA updates
4. 5:17React Native DevOps challenges
5. 6:18Mobile Center intro
6. 7:22CI setup for React Native
7. 9:11Real device testing
8. 10:35Gesture mirroring testing
9. 13:22Debugging React Native apps
10. 16:11Chrome DevTools remote debug
11. 17:57VS Code React Native debug
12. 19:00Time travel debugging
13. 23:16CodePush real-time fixes
14. 26:49Mobile Center crash analytics
15. 29:18CodePush & Mobile Center future
16. 31:48Why set up CI for React Native
17. 32:30VS Code React Native tools
18. 33:12Time travel debug experiment
19. 33:53Mayaki multi-device testing
20. 34:34Virtual device walls testing
21. 34:55Summary & resources

" related talks

• 40mWeb Like Release Agility for React Native AppsParashuram N · React Amsterdam 2017
• 31mFrom Zero to DevOpsParashuram N · Chain React 2017
• 15mWeb-like Release Agility for Native AppsParashuram N · React.js Conf 2016
• 41mAutomating mobile applications from dev to productionIan Cawood · DevOpsDays Cape Town 2019
• 19mWorld Class experience with React NativeMichał Chudziak · React Finland 2018
• 31mThe Final Push: Deploying React NativeAlex Hinson · ComponentsConf 2019
• 27mPractical CI/CD for React NativeAriya Hidayat · All Things Open 2020
• 17mReact Native Deployments with MS App CenterBetty Pierce · App.js Conf 2019