Super Apps
58:27
6/2/2023

Super App Development Made Easy With Re.Pack

Featuring
Jakub Romańczyk
Software Engineer
@
Callstack
Rafał Zakrzewski
Software Engineer
@
Callstack
Łukasz Chludziński
Engineering Manager
@
Callstack

Super apps are becoming a practical architectural strategy for large, multi-feature mobile apps. That's why in this webinar, Callstack engineers Jakub Romańczyk, Rafał Zakrzewski, and Łukasz Chludziński walk you through how to use Re.Pack, an open-source toolkit for bundling React Native apps with Webpack and Module Federation.

You’ll learn how to build a super app architecture using the Super App Showcase, an open-source template built with Re.Pack, and explore real-world scenarios where it can help teams ship features faster, decouple release cycles, and reduce app complexity over time.

What you’ll learn about building React Native super apps with Re.Pack

If you’re struggling to manage a growing mobile codebase or looking to support multiple teams working on the same app, Re.Pack can help you break your app into smaller, independent pieces, without giving up performance or developer experience.

How Re.Pack makes super app architecture possible

  • What super apps are, and how companies like Facebook and Uber use similar models.
  • Why Module Federation matters for React Native development.
  • How Re.Pack lets you integrate independently developed mini-apps inside one main app.
  • What the open-source Super App Showcase project includes, and how to use it.

Tools and strategies for modular React Native development

  • The benefits of using Webpack over Metro bundler for advanced scenarios.
  • How to share libraries and dependencies across apps without conflicts.
  • How to keep teams independent while maintaining a consistent user experience.
  • What changes (if any) are required for mini-apps to work standalone or inside a host app.

What’s new in Re.Pack 3.2 and why it matters

  • Code signing support to ensure secure delivery of remote bundles.
  • Built-in support for remote assets, including automatic image scaling.
  • Practical guidance for managing deployment, over-the-air updates, and App Store compliance.
  • Tips for managing performance, caching, and fallback behavior.

Watch the recording now to learn how to build fast, flexible, and secure super apps with React Native and Re.Pack.

Planning a super app with React Native?

We help architect and develop super apps using modular, scalable designs.

Let's chat

Expert Engineering

/

End-to-End Product Development

Ship every platform from one codebase.

Tell us what you're building and who it's for, and we'll come back with a platform plan, team shape, and a realistic timeline to first release.

  • Launch on more platforms
  • Work with one senior team
  • Reach market faster
  • Extend the product later
End-to-End Product Development
App Development

Super App Development

Mobile App Development

Web App Development

Streaming App Development

VR App Development

Desktop App Development

Generative AI Development

Product Design

Cross-Platform Product Design

TV Product Design and 10-Foot UX

Rapid Prototyping for Real Devices

AI Product UX

End-to-End Product Development

Insights

Learn more about Super Apps

View all
cover

Aug 31Article

Working With the React Native Super App Showcase Repository

Explore the React Native Super App Showcase architecture: Re.Pack, Module Federation, runtime bundles, shared dependencies, and production releases.

cover

Jul 21Article

A Step-By-Step Guide to Super App Development With Re.Pack 5

Learn how to connect a React Native host and mini app with Re.Pack 5 and Module Federation, then load the remote module at runtime.

cover

Jul 2Article

Mobile Module Federation with Re.Pack: When Runtime Delivery Is Worth the Complexity

Learn how Module Federation works in React Native with Re.Pack, when it makes sense, when simpler options are better, and what teams need to validate before adopting runtime delivery.

cover

May 19Article

Using TurboModule Substitution to Build Safer React Native Plugin Systems

Learn how TurboModule substitution helps React Native plugin systems provide native capabilities while preserving sandbox boundaries.

cover

Aug 27Article

Re.Pack 5.2: Faster Babel Transforms, RN 0.80 & 0.81, Rozenite

This release focuses on parallel, smarter transforms with a new Babel & SWC loader, official support for React Native 0.80 and 0.81, fully typed configs, support for Rozenite and more

cover

Jul 31Article

Running Multiple Instances of React Native in Sandbox

react-native-sandbox lets you run multiple React Native instances in one app. Build secure super apps and plugins with true runtime isolation, crash containment, and configurable permissions for native modules, perfect for integrating third-party code safely.

Event Cover

May 21Talk

Building Universal Super Apps With React & React Native

Discover how to build universal Super Apps using React and React Native. Join Mike Grabowski, CTO at Callstack, as he explores dynamic code delivery, native UI rendering, and how RePack bridges the gap with Module Federation.

Event Cover

May 20Live Stream

What’s New in Re.Pack 5.1: Live Overview

Explore runtime hooks, prefetching MF remotes, and more in Re.Pack 5.1. Join us live or watch the replay.

cover

Jan 29Podcast

Mobile Microfrontends With Zephyr Cloud and Re.Pack

Get ready for faster development cycles and reduced risks when rolling out updates for mobile apps with microfrontends enabled by Zephyr Cloud and Re.Pack.

Event Cover

Jul 8Webinar

How to Scale Teams, Product Development, and Release Process With Re.Pack

Join us to learn how Re.Pack helps manage complexity in React Native apps, enables scalable teams, and boosts release processes.

cover

Nov 7Podcast

Module Federation

In the 18th episode of the React Native Show Podcast, Łukasz Chludziński, Paweł Trysła, and Zack Jackson talk about Module Federation in Webpack and Re.Pack. They also discuss some of the buzzwords related to this type of architecture, for example, super apps and micro frontends.

cover

Jul 6Podcast

Re.Pack - Bringing Webpack to React Native

This episode explores Re.Pack, an Open Source, Webpack-based toolkit to build React Native apps with the full support of the Webpack ecosystem.

cover

Mar 19Tutorial

The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model

Learn how React Native AI uses a unified provider model to switch between cloud and on-device LLMs without rewriting application logic, enabling reliable AI experiences online and offline.

cover

Mar 12Tutorial

Build Smarter Apps: Tool Calling & AI Orchestration Explained

Learn how on-device models in React Native can call tools, interact with external APIs, and return structured outputs you can use directly in application logic.

cover

Mar 5Tutorial

MLC LLM + React Native: On-Device AI Without the Pain

Learn how to run third-party on-device LLMs in React Native using MLC LLM. Choose your models, run them efficiently across platforms, and keep a unified JavaScript API with React Native AI.

cover

Feb 24Tutorial

Intelligent Fallbacks with Apple Intelligence in React Native

Learn how to use Apple’s built-in Foundation Models in React Native apps, reduce memory usage, and enable fast, fully on-device AI with React Native AI Apple.

cover

Feb 10Tutorial

What Is the React Native AI SDK? A Complete Intro & Quickstart

Learn why on-device AI matters for React Native apps, how local LLMs behave offline, and what problems React Native AI is designed to solve from day one.

cover

Jan 29Tutorial

Implementing an Android TurboModule with Kotlin

Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.

cover

Jan 19Tutorial

Working with Different Threads in Swift TurboModules

Learn how JavaScript, native module, background, and main threads interact in React Native TurboModules, and how to use GCD queues to run async work safely in Swift.

cover

Jan 9Tutorial

How to Add Type-Safe Constants to Swift TurboModules

Learn how to expose typed, immutable constants from a Swift TurboModule using Codegen, and get full end-to-end type safety between native and JavaScript.

cover

Dec 30Tutorial

Adding Event Emitters to Your TurboModule in Swift

Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.

cover

Dec 22Tutorial

Writing Your First TurboModule in Swift

Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.