Micro Frontends – simplifying bigger, single page apps

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.

Humans of 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.

Panel Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.