Building JavaScript Bundles for React Native

Explore the intricacies of building JavaScript bundles for React Native in this 23-minute conference talk by Rafael de Oleza from Callstack Engineers. Gain insights into Metro, the bundler used for React Native, and understand its architecture designed for optimal build speed. Learn about key concepts in JavaScript bundling for both web applications and React Native, including the anatomy of a JS bundle, dependency graphs, caching systems, and parallelization. Discover advanced topics such as Delta Bundler, Graph Serialization, and Inline Requires. Examine the differences between Plain JS bundles and Random Access Modules bundles. Conclude with valuable takeaways to enhance your React Native development process.

Intro
What is Metro?
Anatomy of a JS bundle
The bundling process
Dependency Graph
Caching system
Parallelization
Delta Bundler
Scalable by design
Graph Serialization
Plain JS bundle
Random Access Modules bundle
Inline requires
Takeaways