Micro Frontends – simplifying bigger, single page apps

Convenience of using any app is based on its simplicity, time taken to load and most importantly the user experience it provides. But how do we ensure all these parameters are taken care of, when an app is created?
At ReshaMandi, we are continuously focusing on empowering the stakeholders of the natural fibre ecosystem. Our centralised data hub, Operation Command Centre (OCC) is a unique product that enables us to work with various verticals that include ReshaFarms, ReshaYarns, ReshaWeaves, and ReshaMudra. It helps us to effectively map various stakeholders and track their transactions. However, for the impeccable performance of such a complex system, it is also crucial to ensure super performance for web pages. And to improve the performance, Micro frontend architecture is of significance as it is a game-changer that enables effective on-demand loading, reduced dependencies and easier interactions.
Simplifying bigger, single-page apps
At ReshaMandi, we use Micro Front End architecture that can manage larger single-page applications and also accelerate code delivery. Through this unique web development pattern, we can break down large applications into sections or features. As all the applications are developed as single features, they function independently of each other.
On-demand loading
Micro frontends are small applications mostly divided by subdomain or functionality, working together to deliver a larger application. Hence, they boost the application’s performance. The end users can browse the application from multiple browsers, like Chrome or Safari, without any lag or glitches. It will be similar to browsing a single-page application while numerous programmes are running in the background for each targeted interaction.
Quicker deployment
Larger applications require several thousands of unit tests to be written and also take longer to run, thereby delaying deployment.. However, with micro front ends, fewer unit tests suffice for each application. This makes them run independently and facilitates swift deployment.
Single code, multiple applications
Through micro frontends, a common library bus is created that allows several programmes to share the same code. These libraries can then be imported into individual micro frontends and used in components without any piece of code being repeated.
In conclusion, the consistency and continuity across application touchpoints delivered by micro frontends provide a better user experience for our teams using the operation command centre (OCC) at ReshaMandi.

Shiv Prasad Khillar
Shiv Prasad Khillar, VP Engineering, Lokesh Kumar Garapati, technical leader and Kishore KS ,Software Engineer from the department of technology at ReshaMandi have worked extensively on micro frontend architecture.