Metro and React Native DevX in 2023
summary
Metro now ships 33 releases and 52 bug fixes since 2022 and adds concrete features: a remote transform cache that yields roughly 4 second bundle requests and 220 ms fast refresh at Meta scale, require.context for file-based routing, simlink support for workspaces and pnpm, and package exports with a react-native condition. Preview features include lazy bundling (dynamic import/react.lazy) and SWC research to speed transforms; tooling work adds one‑click Hermes debug and source‑map ignore list.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:22The Developer Experience Team
- 2:09Metro bundles your application
- 2:29Metro powers rapid app development
- 3:10Architecture
- 4:06Metro massive codebases
- 4:46Success story: Airbnb
- 5:04Designed for React Native
- 7:11Strengthening partnerships in 2022
- 12:01Symlink support
- 12:26Symlink capabilities
- 13:00Goals and challenges
- 14:04Package Exports
- 14:46Encapsulation
- 15:28Conditional exports
- 17:37Lazy bundling
- 22:57Debugging-One-click Hermes debug
- 23:30Debugging-Paused breakpoint overlay
related talks
23mBuilding JavaScript bundles for React Native
25mMetro: Scaling JavaScript Build Systems
09mVite Meets React Native
27mBringing the New React Native Architecture to the OSS community
25mReasons to give React Native a(nother) try
07mSharing a Codebase with React & React Native
29mModernizing React Native’s JavaScript
08mLightning talk from Lenka Vondrackova