Re.Pack brings true microfrontends to React Native
Re.Pack is a modern build tool powered by Rspack or Webpack, designed as a drop-in replacement for Metro. It enables advanced features like code-splitting and Module Federation—making it possible to independently build, deploy, and update parts of your app just like on the web.
Bundle React Native apps with Rspack or Webpack
Re.Pack supports both Rspack and Webpack as bundlers for React Native projects. Rspack is a modern, Rust-based alternative that significantly improves build and refresh times, especially during development. Webpack remains fully supported, so teams can choose the right tool for their needs — or transition to Rspack at their own pace.
Build super apps with Module Federation 2.0
Super Apps are applications that combine multiple mini-apps into a cohesive experience. With Module Federation, you can develop and deploy each mini-app independently, then load them dynamically into the main application as needed.
With full support for Module Federation 2, Re.Pack 5 makes microfrontends in React Native not just possible, but practical. Independent teams can now build, ship, and update features in isolation, while still delivering a unified app experience.
Our app has hundreds of features and before we switched to Re.Pack we were struggling to scale the performance. Re.Pack is built on Webpack, so it allowed us to leverage existing tooling and approaches to scale more linearly. If the default tooling isn't working for your use case, I'd recommend giving Re.Pack a try!
Re.Pack is the best way that I know of to use Module Federation in your React Native application.
.jpg)
With the release of Re.Pack 5 we now have an easy way to create the MiniApps and federated mobile apps that our users have been asking for.
Since I tried RePack, I’ve never thought about going back to Metro. With its speed and support for virtual modules (thanks to Rspack), I can use the advanced tools necessary for my project
Mobile microfrontends
use Module Federation v2 to split JS or Hermes bytecode into smaller chunks and load them on demand from a server
Powered by Webpack and Rspack
embrace the full Webpack ecosystem of plugins and loaders, with Rspack for faster builds and refresh
Drop-in Metro replacement
swap out Metro, React Native’s default bundler with a single command—no platform limits
Smaller app size
apply optimizations like tree shaking to reduce Hermes bytecode size and improve app startup
React Native DevTools
debug with console logs, breakpoints, CPU, memory, and React profiling
Fully-featured dev server
take advantage of built-in support for Hot Module Replacement, Fast Refresh, error symbolication, and source maps
We can help you move
it forward!
At Callstack, we work with companies big and small, pushing React Native everyday.
Super App Development
Turn your application into a secure platform with independent cross-platform mini apps, developed both internally and externally.
Module Federation Development
Use Module Federation to provide dynamic features within React Native mobile applications post-release.
Learn more about super apps
Explore insights on measuring, analyzing, and improving performance across React and React Native applications.
Ready to try RePack yourself?
Explore the code, read the docs, and start testing performance in your project.
