Explore code splitting techniques in React Native during this React Native EU 2021 conference talk. Discover how to leverage Webpack's power to split functionality in mobile applications, drawing inspiration from web development practices. Learn about the mental model of single runnable software in mobile app development and why it's challenging to split functionality in native applications. Understand the concept of code splitting, its applications in super apps, mini-app stores, and modular applications. Examine practical examples in e-learning and companion apps. Compare code splitting approaches on Android, iOS, WebViews, and React Native with Metro and Webpack. Delve into async chunks, dynamic scripts, and the potential for Module Federation in Re.Pack. Gain insights into the current state of code splitting in Re.Pack and identify areas for future development, including chunk signing and verification.
Overview
Syllabus
Intro
What is Code Splitting?
What is a bundle?
Code Splitting Project's compled source code, dependencies and
What Code Splitting can it be used for?
Super apps / Mini-app stores
Modular applications
Example: E-Learning application
Example: Companion application
Natively on Android
Natively on ios
WebViews
React Native with Metro
React Native with Webpack and Re.Pack
Approaches
Async chunks
Dynamic script
Is Module Federation available in Re.Pack?
The state of Code Splitting in Re.Pack
The missing bits Chunk signing and verification
Taught by
Callstack Engineers
