Super App Showcase

screenshot of Super App Showcase
react-native

Example of using micro-frontends in a React Native mobile app with Re.Pack to create a Super App.

Overview:

The Super App Showcase is a monorepository that demonstrates the development possibilities of a Super App using React Native and Re.Pack. It addresses the problem of maintaining a large app by allowing developers to split it into smaller parts and install only the services that the user needs. The showcase utilizes a micro-frontend architecture, making it easy to set up and maintain. It provides the option to deploy the independent apps separately or as part of the Super App. One of the key advantages of this showcase is that it eliminates the need to redeploy micro-frontends if changes are made to the library, allowing for more efficient development.

Features:

  • Monorepository structure with multiple apps using micro-frontend architecture.
  • Easy setup and maintenance.
  • Ability to deploy apps as separate entities or as part of the Super App.
  • Allows for division of work between multiple teams or external developers contributing to specific apps or parts of the repository.
  • Eliminates the need to redeploy micro-frontends when making changes to the library.

Summary:

The Super App Showcase is a monorepository that addresses the challenge of maintaining a large app by utilizing a micro-frontend architecture. It allows developers to split the app into smaller parts and install only the necessary services. The showcase provides easy setup and maintenance, and allows for independent deployment of the micro-frontends or inclusion in the Super App. It also enables effective collaboration between multiple teams and external developers. The elimination of the need to redeploy micro-frontends when making changes to the library adds to the efficiency of the development process.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.