Micro Frontend Architecture in React Native Application

Question

I am creating a react-native application, And the application having many module like

• Login Module
• Payment
• Cart
• Product etc.

So I want to follow Micro Frontend Architecture for each module. I have searched on internet but did not find anything. So I want to know is it possible to achieve Micro Frontend Architecture for React-Native application. If yes then How ?

Answer 1

You can use Re.Pack, which is Webpack toolkit for React Native. Since v3 it provides its own ModuleFederationPlugin, which allows you to set up Module Federation (MF) architecture of building micro-frontends.

Example MF app can be found here: https://github.com/callstack/repack-examples/tree/main/module-federation. It covers a basic example of 2 mini-apps loaded dynamically from a "host" app.

Answer 2

There are no proper solutions for RN Micro-frontend so far. there are a few libraries that may help you to achieve this.

https://github.com/callstack/react-native-brownfield React Native Wix

But these are not recommended

kindly go through this link so you will be more clear about your question.

https://www.reddit.com/r/reactnative/comments/jdpfrj/microservices_in_react_native/