Callstack • Jul 1, 2021

Code Splitting in React Native Applications

Article Summary

Callstack explores how code splitting is transforming React Native apps into modular super apps. The technique that revolutionized web development is now reshaping mobile architecture.

This article from Callstack introduces code splitting for React Native applications, focusing on building super apps with independent mini apps. It connects to their broader work on Re.Pack, Module Federation, and dynamic code delivery that enables teams to ship features without full app releases.

Key Takeaways

Code splitting enables independent mini apps within a single React Native container
Re.Pack brings Webpack's Module Federation to mobile for dynamic feature delivery
Super app architecture allows teams to develop and deploy features independently
Module Federation provides post-release updates without app store submissions

Critical Insight

Code splitting transforms monolithic React Native apps into flexible super app platforms where teams can ship features dynamically and independently.

The article hints at how major companies are using this architecture to scale their teams and accelerate release cycles beyond traditional app store constraints.

About This Article

Problem

React Native teams often build monolithic apps that need full app store submissions whenever they want to release a feature. This slows down how fast teams can ship and makes it hard for different teams to work independently.

Solution

Callstack's Re.Pack uses Webpack's Module Federation to let teams push code updates after the app is live, without going through the app store again. This means different teams can deploy their features on their own schedule.

Impact

When you build super apps with Module Federation, teams can release features independently and push updates whenever they want. Instead of waiting for app store approvals, you get continuous deployment.