# \[Session\] React micro-frontend setup for Bahmni

**URL:** <https://talk.openmrs.org/t/session-react-micro-frontend-setup-for-bahmni/40116>\
**Category:** Bahmni\
**Tags:** bahmni\
**Created:** [July 20, 2023, 8:35am UTC](https://talk.openmrs.org/t/session-react-micro-frontend-setup-for-bahmni/40116 "2023-07-20T08:35:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![binduak](https://talk.openmrs.org/letter_avatar/binduak/32/5_5575768a8748004e209b776fc1b2916d.png) [@binduak](https://talk.openmrs.org/u/binduak)\
**Post date:** [July 20, 2023, 8:35am UTC](https://talk.openmrs.org/t/session-react-micro-frontend-setup-for-bahmni/40116/1 "2023-07-20T08:35:57Z")

</div>

We have introduced a new technical capability in Bahmni which allows teams to build independent **React modules** in different repositories and load their components directly into the Bahmni web interface. This initiative will help Bahmni continue the move away from Angular.JS and adopt React/Carbon/Micro-frontends.

In this call, **Anish George** will explain how this works, show sample codebase and how you can we leverage this to build the future of Bahmni. The call is scheduled at 4:00 pm IST, Tuesday 25th July 2023. See your timezone here: [Your timezone](https://www.google.com/search?client=firefox-b-d&q=4%3A00pm+IST+to+my+local+time)

- To add to your calendar: [Add Google Invite to my calendar](https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=NDFxdmJramVjMXI3MGcyZmNxZmtjcGhic24gZ3VycHJlZXQubHV0aHJhQHRob3VnaHR3b3Jrcy5jb20&tmsrc=gurpreet.luthra%40thoughtworks.com)

- Join Zoom Meeting: [https://thoughtworks.zoom.us/j/97878451977](https://www.google.com/url?q=https://thoughtworks.zoom.us/j/97878451977&sa=D&source=calendar&ust=1690274044886955&usg=AOvVaw2yHkbzITfGTbTKuDKe0_lZ)

@gsluthra @angshuonline

---

<div class="post-metadata">

**Author:** ![gsluthra](https://talk.openmrs.org/user_avatar/talk.openmrs.org/gsluthra/32/1453_2.png) [@gsluthra](https://talk.openmrs.org/u/gsluthra)\
**Post date:** [July 28, 2023, 11:01am UTC](https://talk.openmrs.org/t/session-react-micro-frontend-setup-for-bahmni/40116/2 "2023-07-28T11:01:17Z")

</div>

**Anish George** has created a document on Bahmni WIKI on the **Micro-frontend Strategy** for Bahmni, using React/Carbon coexisting with Angular here: [https://bahmni.atlassian.net/wiki/spaces/BAH/pages/3210477602/Micro-frontends+MFE+architecture+for+UI](https://bahmni.atlassian.net/wiki/spaces/BAH/pages/3210477602/Micro-frontends+MFE+architecture+for+UI)

It contains:

1. Video walkthrough of the concepts/architecture/gotchas, with a Q&A
2. Details with sample code snippets
3. Reference to a starter github repo, for people to use as a template sub-app

This approach allows people to:

1. Write widgets/pages which can be embedded in Bahmni Angular pages/containers, which are served from a remote proxy based container.
2. Can also be used to write stand-alone react apps (without any angular wrapper).

**Note:** Bahmni still has some legacy requirements, due to which Node v14 is being used currently by Anish. That is something we would also need to upgrade soon… but this is still a **HUGE STEP** Forward in the right direction. Thanks to Anish and the CURE IPD team for setting up the path for this moving forward.

Exciting times for Bahmni adopters in coming months! 🙂

cc: @angshuonline @binduak @n0man @krishnakiran @grace