Code, Preview, Perfect: Building IDE for React Native
summary
A VS Code extension that embeds a React Native IDE and device manager, bundler analyzer, snapshot video recorder and element inspector, built over nine months and released as a beta two months ago; it debugs JS, steps into Objective‑C native modules and even debugs secondary runtimes like Reanimated worklets, supports Expo Router and bundle analysis, runs macOS only, and triggered a full native rebuild during the demo; survey shows 55% cite debugging as top pain and early beta feedback is positive.
AI-written summary · about
chapters (18)
- 0:00Introduction to speaker
- 1:04Evolution of IDEs in programming
- 3:53React Native developer challenges
- 7:26Introducing React Native IDE
- 8:53Live demo begins
- 10:03React Native IDE features overview
- 12:39Bundle analyzer and recording
- 14:26Inspector and debugging tools
- 15:54Expo router integration
- 16:56Component preview feature
- 18:00Debugging with breakpoints
- 20:34Debugging Reanimated worklets
- 21:38Native module debugging
- 23:57Demo conclusion and beta program
- 24:42Beta program feedback
- 25:30Accessing React Native IDE
- 26:56Licensing and future plans
- 27:17Closing and goals
related talks
30mYour IDE deserves better
35mWeb-Like Development and Release Agility for React Native
28mDebugging and Beyond with Reactotron
30mVS Code Can Do That
59mOne Codebase to Rule Them All - Using React Native Everywhere
23mCoding Mobile with the Pros
21mThe React Native Playground
19mExponent: A React Native development tool