BEGIN:VCALENDAR VERSION:2.0 PRODID:-//HasGeek//NONSGML Funnel//EN DESCRIPTION:Improving front-end architecture practices. X-WR-CALDESC:Improving front-end architecture practices. NAME:Micro Frontends Conference X-WR-CALNAME:Micro Frontends Conference REFRESH-INTERVAL;VALUE=DURATION:PT12H SUMMARY:Micro Frontends Conference TIMEZONE-ID:Asia/Kolkata X-PUBLISHED-TTL:PT12H X-WR-TIMEZONE:Asia/Kolkata BEGIN:VEVENT SUMMARY:Micro frontends - path for frontend developers DTSTART:20220112T153000Z DTEND:20220112T163000Z DTSTAMP:20260414T153027Z UID:session/9cbpU4rRMoXaU3Zx3BzHsG@hasgeek.com SEQUENCE:2 CREATED:20211216T053757Z DESCRIPTION:This is a Twitter Spaces discussion. \n\nFollow @JSFoo on http s://twitter.com/jsfoo to participate. LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Micro frontends - path for frontend developers in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Managing large codebases and teams with micro frontend architectur e DTSTART:20220126T153000Z DTEND:20220126T163000Z DTSTAMP:20260414T153027Z UID:session/V7GLZZPQ9NSguiKszkLDpp@hasgeek.com SEQUENCE:9 CREATED:20211216T053912Z DESCRIPTION:This is a Twitter Spaces discussion. \n\nFollow @JSFoo on http s://twitter.com/jsfoo to participate. LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Managing large codebases and teams with micro frontend archite cture in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Introduction to the the Micro Frontends Conference DTSTART:20220128T063000Z DTEND:20220128T064000Z DTSTAMP:20260414T153027Z UID:session/K7ps9kYV7z7Xraa8NBrnXD@hasgeek.com SEQUENCE:0 CREATED:20210924T043710Z LAST-MODIFIED:20211213T043729Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Introduction to the the Micro Frontends Conference in 5 minute s TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Micro-Frontends with Module Federation: Beyond the Basics DTSTART:20220128T064000Z DTEND:20220128T072000Z DTSTAMP:20260414T153027Z UID:session/9ax2jaoaxMo2bNcbuuNXdo@hasgeek.com SEQUENCE:21 CREATED:20211213T043915Z DESCRIPTION:Being the missing link for Micro-Frontends\, the brand-new Mod ule Federation has been greatly discussed in recent months.\n\nHowever\, o nce the basics have been mastered\, the truly interesting questions arise: How do you deal with version mismatches? How do you load remotes dynamica lly when you do not know them or even their number upfront? How do you use Module Federation in a monorepo? How do you use Module Federation togethe r with Web Components for multi-version and/or multi-framework scenarios?\ n\nThis session answers all these questions with a case study and explores the trade-offs. By the end\, you will know how to apply this to your proj ects. LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/jsfoo/microfrontends-conf/schedule/micro-frontends -with-module-federation-beyond-the-basics-9ax2jaoaxMo2bNcbuuNXdo BEGIN:VALARM ACTION:display DESCRIPTION:Micro-Frontends with Module Federation: Beyond the Basics in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Breaking monolith architecture into micro frontends DTSTART:20220128T072000Z DTEND:20220128T080000Z DTSTAMP:20260414T153027Z UID:session/QdYwPYjko392p4PQtBAYYy@hasgeek.com SEQUENCE:13 CATEGORIES:30-40 min talk CREATED:20211217T082037Z DESCRIPTION:If you are working for a hyper growth startup and willing to b reak a monolithic Frontend application into micro-frontends. You have alre ady made several failed attempts to execute your plans. You are feeling ov erwhelmed with your experience so far.\n\nLet me tell you that don’t wor ry\; you are not alone. It’s very common. It’s extremely difficult to get enough time to execute your re-architecture plans in a fast paced envi ronment where shipping features are absolute priorities.\n\nIn my talk\, I am going to share my team’s experiences about the challenges we faced\, the obstacles we came across and the solutions we devised to navigate thr ough these. Along with the technical details\, I am going to share leaders hip aspects of our solutions. It was very important for us to create the r ight environments for the team to be successful with this initiative.\n\nA bout The Author\nUpendra Dev Singh is a VP Engineering at ixigo. He is a p assionate UI Engineer himself\; and has been involved in various web appli cations re-architectures.\nHe has vast experience in building and re-build ing web apps.\n LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/jsfoo/microfrontends-conf/schedule/breaking-monoli th-into-micro-frontends-QdYwPYjko392p4PQtBAYYy BEGIN:VALARM ACTION:display DESCRIPTION:Breaking monolith architecture into micro frontends in 5 minut es TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Break DTSTART:20220128T080000Z DTEND:20220128T081000Z DTSTAMP:20260414T153027Z UID:session/8PqkRkSKRRfHdj5HAasGuR@hasgeek.com SEQUENCE:2 CREATED:20211213T043817Z LAST-MODIFIED:20220126T031731Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Break in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:MFE - An experimental transition journey DTSTART:20220128T081000Z DTEND:20220128T084000Z DTSTAMP:20260414T153027Z UID:session/VtMHHr98gt54fKeiEo4U3H@hasgeek.com SEQUENCE:8 CATEGORIES:15 min talk,Talk added to the schedule CREATED:20220125T125706Z DESCRIPTION:**Overview**\nThe MFE solutioning started with breaking a mono lith frontend application that was being maintained by multiple teams\, th is had a significant impact on the lead time for independent/isolated feat ures. A solution was needed which could result in independent\, isolated b usiness apps that can be reused across multiple host applications(known he reon as a composer application).\n\nWe started by leveraging the vue-route r and rollup to export a version-controlled UMD bundle that houses an enti re SPA with a routing of its own. This bundled UMD will be mounted and ren dered in various composer applications. \n\nNext\, we enabled 2-way commun ication between the MFE and the composer application(within peers as well) by creating a basic event bus.\n\nLastly\, all being lego-ed up and runni ng was to plug in the system to a CI/CD which completes the lifecycle.\nTh is was how Livspace was able to host multiple SPAs\, maintained by indepen dent business teams within the same composer application.\n\n**Limitations **\nWorks for the VueJS ecosystem.\n\n\n**Takeaways**\n 1. Journey to MFE as a hybrid approach to monolith applications.\n 2. How MFE changed high i mpact deliveries.\n 3. Communication in MFEs\n 4. Devops for MFEs\n\n**Lin k**\n[MFE Presentation](https://docs.google.com/presentation/d/1C9LezUSUl8 M4p3dYNVhb88_dBXr6phq2Y8T_pCtfi2Y/edit?usp=sharing)\n\n**Author** \nRohit Kumar is a Software Engineer here at Livspace and has been key in transfor ming MFEs from ideation to action.\n LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/jsfoo/microfrontends-conf/schedule/mfe-an-experime ntal-transition-journey-VtMHHr98gt54fKeiEo4U3H BEGIN:VALARM ACTION:display DESCRIPTION:MFE - An experimental transition journey in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Micro Frontends - Communication Patterns DTSTART:20220128T084000Z DTEND:20220128T091000Z DTSTAMP:20260414T153027Z UID:session/NJ6MRtNaEc1aNh8oe6kERY@hasgeek.com SEQUENCE:8 CATEGORIES:30-40 min talk CREATED:20220125T132939Z DESCRIPTION:#### Overview -\n\nIt is easy to build independent\, stand-alo ne micro-frontends\, but the real world applications are not so straightfo rward. Applications and fragments in micro frontend architecture need to e xchange data and events in order to provide a wholistic experience to the users. \nIn this session we will explore the various ways that multiple fr agments in a micro frontend architecture can communicate to exchange data and events (multi-level and sibling fragments)\, handle and manage shared state\, and optimize data fetching at the client and at the server for var ied architectural settings (CSR and SSR). \nWe will also look at the mappi ng for these communication patterns to various application use-cases. \n\n #### After the session\, you'll be able to answer - \n\n1. What are the v arious client-side communication patterns for micro frontend fragments at various levels in the tree? \n2. When should you consider client-side comm unication? \n3. How do we handle global context and state? \n4. How does t he client-server communication work? \n5. Implementations and examples of the varies communication patterns with application use-cases. \n\n#### Spe aker - \nSravya Chodisetti - Lead Frontend Engineer at Global Merchant Len ding team\, PayPal. Global Merchant Lending suite of products\, part of Pa yPal Credit\, provides millions of small businesses around the world with quick and easy access to capital\, boosting their liquidity. LAST-MODIFIED:20230810T072606Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/jsfoo/microfrontends-conf/schedule/micro-frontends -communication-patterns-NJ6MRtNaEc1aNh8oe6kERY BEGIN:VALARM ACTION:display DESCRIPTION:Micro Frontends - Communication Patterns in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Micro-Frontends anti-patterns DTSTART:20220128T091000Z DTEND:20220128T095500Z DTSTAMP:20260414T153027Z UID:session/CzzTos6obdNKvoZGwtY3Vo@hasgeek.com SEQUENCE:10 CREATED:20211213T043949Z DESCRIPTION:In this session you will learn the most common anti-patterns I 've seen in the past 7 years implementing and consulting multiple companie s in their journey into the micro-frontends architecture\nEither you are a n expert or a newbie\, in this talk you will learn how to structure proper ly your micro-frontends architecture LAST-MODIFIED:20230108T103046Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/jsfoo/microfrontends-conf/schedule/micro-frontends -anti-patterns-CzzTos6obdNKvoZGwtY3Vo BEGIN:VALARM ACTION:display DESCRIPTION:Micro-Frontends anti-patterns in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Conclusions to the Microfrontends Conference Edition I and Looking Forward . DTSTART:20220128T095500Z DTEND:20220128T100500Z DTSTAMP:20260414T153027Z UID:session/2dkKrXdogyqpJZ4rgCXe2N@hasgeek.com SEQUENCE:2 CREATED:20220126T032403Z LAST-MODIFIED:20220126T032539Z LOCATION:Online ORGANIZER;CN=JSFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Conclusions to the Microfrontends Conference Edition I and Loo king Forward . in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT END:VCALENDAR