Micro Frontends Conference
JSFoo For members

Micro Frontends Conference

Improving front-end architecture practices.

Make a submission

Accepting submissions till 06 Jan 2022, 11:00 PM

Tickets

Loading…

Micro Frontends (MFEs) is quite a popular term in the frontend community. At times, it is also an over-used term. There are multiple schools of thought in the community, ranging from why MFE are the best suited for architecture for frontend development, to why MFE is a huge mistake.

Like all things in software development, the answer to “Is Microfrontends right for me?” is ... it depends. In this conference, we will unpack the various elements of MFEs, and hear about the joys and pains from people who have built MFEs.

JSFoo track on MFEs is curated by Vinci Rufus, VP of Technology at Publicis Sapient.

Key takeaways:

- Better understanding of what MFEs really mean.
- Tools and tech stacks that are commonly used for building MFEs.
- Connect with some of thought leaders in the MFE space. 

Who should attend:

- Frontend engineers building web apps on modern Javascript frameworks. 
- Mid to senior developers building large scale applications. 
- Senior Architects, CIOs and CTOs at startups and product companies who are evaluating using MFEs.

Who should speak:

We seek experiential and deep dive technology talks from individuals who are architects or frontend leads, who are either exploring or have built and deployed applications on a micro frontends architecture. See submission guidelines at https://hasgeek.com/jsfoo/microfrontends-conf/sub

Schedule: https://hasgeek.com/jsfoo/microfrontends-conf/schedule/

Contact information:

For inquiries about speaking or participating in the conference, post a comment at https://hasgeek.com/jsfoo/microfrontends-conf/comments
For more updates, follow JSFoo on Twitter

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

Supported by

The Notification Inbox for your product. YC-W21 more

Promoted

Rohit Kumar

MFE - An experimental transition journey

Submitted Jan 6, 2022

Overview
The MFE solutioning started with breaking a monolith frontend application that was being maintained by multiple teams, this had a significant impact on the lead time for independent/isolated features. A solution was needed which could result in independent, isolated business apps that can be reused across multiple host applications(known hereon as a composer application).

We started by leveraging the vue-router and rollup to export a version-controlled UMD bundle that houses an entire SPA with a routing of its own. This bundled UMD will be mounted and rendered in various composer applications.

Next, we enabled 2-way communication between the MFE and the composer application(within peers as well) by creating a basic event bus.

Lastly, all being lego-ed up and running was to plug in the system to a CI/CD which completes the lifecycle.
This was how Livspace was able to host multiple SPAs, maintained by independent business teams within the same composer application.

Limitations
Works for the VueJS ecosystem.

Takeaways

  1. Journey to MFE as a hybrid approach to monolith applications.
  2. How MFE changed high impact deliveries.
  3. Communication in MFEs
  4. Devops for MFEs

Link
MFE Presentation

Author
Rohit Kumar is a Software Engineer here at Livspace and has been key in transforming MFEs from ideation to action.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Make a submission

Accepting submissions till 06 Jan 2022, 11:00 PM

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

Supported by

The Notification Inbox for your product. YC-W21 more

Promoted