CODEWITHSUNDEEP
reactjsreact-nativemicro-frontend
Avinash A
Avinash A

Reputation: 793

Micro Frontend Architecture in React Native Application

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

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 ?

Upvotes: 6

Views: 10067

Answers (3)

Maciej Jastrzebski
Maciej Jastrzebski

Reputation: 3764

Microfrontends are concept originating from Web apps world. Achieving the same paradigm on mobile/React Native is possible, e.g. by using Re.Pack, but requires a quite complex setup. On the other hand, using Re.Pack will give you more app superpowers, like dynamically loading bundle splits from Internet.

As a simpler alternative, I would suggest setting up a monorepo containing separate NPM packages for each of the modules. This way you can achieve code separation more natural for mobile apps paradigm.

Upvotes: 2

Michał Pierzchała
Michał Pierzchała

Reputation: 1850

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.

Upvotes: 7

T.O.M
T.O.M

Reputation: 81

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/

Upvotes: 2

Related Questions