Micro Front-End Architecture

Posted on: January 10, 2022 Posted by: rahulgite Comments: 289

  • What is Mirco Front-Ends?

    • Micro front-end is just code for a portion/component of the web page.
      And web page hosting that component is called host page.
  • We also have a micro front-end framework that sits between micro frontends and host page, that manages loading and unloading of micro front-ends.

  • Advantages of Micro Front-ends

    1. Team Scalability : 
      • Here more people will be able to work on a given webpage.
      • Because MFEs are versioned independently deployed. So, each one of those is its own project and
        then theMFE would go off onto s3(Simple Storage Service) and then be loaded by the page. So that the MFE team can work independently of the host page team and that can be deployed even if the host
        page isn’t deploying. It makes an MFE different from a library.
    2. Strategic vs Tactical Focus
      • It allows the host page team to be more of a platform team focused on
        • long-range deliverables,
        • contracts,
        • how to manage the performance to the site,
        • how analytics can be routed, that kind of stuff.
      • MFE teams are based on tactical delivery that’s more customer-centric. It engages the customer better.

      • So, teams can work 100% on their particular area, your host page team is gonna be able to 100% concentrate on making a great host page and your MFE tactical teams are going to be 100% engaged around what’s going to make a better conversion what’s going to get more customer engagement. Helps to separate infrastructure and customer-centric work differently.

    3. Reuse: Components can be reused, long as those host pages conform to that as long as it maintains the MFE standards and those contracts.
    4. Highly maintainable and testable
    5. Loosely coupled
    6. Independently deployable
    7. Organized around business capabilities
    8. Owned by a small team

  • Disadvantages of Micro Front-ends

    1. Complex:
      • It’s just a more complex system. In a traditional model, you have a project and it gets built into a docker’s container probably and then gets end to end tested to make sure that it passes, everything and then gets deployed. And you know, sites work as long as the servers are up it’s all good.
      • In this model, though you’re gonna have a host page and it’s going to be dynamically loading stuff from other teams and those teams may mess up and may take down the page, javascript is a single-threaded execution model, it’s not particularly sandboxed, it’s not really sandboxed at all.
      • so it’s very likely that you’re gonna get runtime issues that you didn’t expect.
    2. No standards:
      • There’s no standard, there’s no winner, there’s no current like redux in the MFE space.
      • and honestly, I don’t think there’s probably ever going to be. Because site to site there’s going be such variability, and their requirements that I don’t think that’s realistic.

References :

Loading

289 People reacted on this

  1. Курсы сметного дела в строительстве, предлагаемые на сайте maps-edu.ru, являются важным инструментом для специалистов, стремящихся к глубокому освоению принципов и методик составления смет в строительстве. Программа обучения охватывает все ключевые аспекты сметного дела, включая изучение нормативной базы, методов расчета стоимости строительных работ, материалов и оборудования. Особое внимание уделяется современным программным обеспечениям для сметчиков, что позволяет выпускникам курса быть конкурентоспособными на рынке труда и востребованными в строительной отрасли.

    Повысьте свои компетенции: [url=https://maps-edu.ru/catalog/pedagogika]обучение на педагога[/url] и муниципальными закупками.

  7. mexican border pharmacies shipping to usa [url=http://foruspharma.com/#]mexico pharmacies prescription drugs[/url] mexico pharmacies prescription drugs

  12. indianpharmacy com [url=https://indiapharmast.com/#]п»їlegitimate online pharmacies india[/url] indian pharmacy online

  47. buying prescription drugs in mexico [url=https://mexicandeliverypharma.online/#]mexican pharmaceuticals online[/url] buying from online mexican pharmacy

  51. medication from mexico pharmacy [url=https://mexicandeliverypharma.com/#]mexican drugstore online[/url] mexico pharmacies prescription drugs

  56. mexico pharmacies prescription drugs [url=http://mexicandeliverypharma.com/#]mexican mail order pharmacies[/url] mexican mail order pharmacies

  60. reputable mexican pharmacies online [url=http://mexicandeliverypharma.com/#]п»їbest mexican online pharmacies[/url] mexican pharmaceuticals online

  65. mexico drug stores pharmacies [url=http://mexicandeliverypharma.com/#]mexican mail order pharmacies[/url] mexican mail order pharmacies

  69. mexican mail order pharmacies [url=https://mexicandeliverypharma.com/#]mexican rx online[/url] buying prescription drugs in mexico

  73. reputable mexican pharmacies online [url=http://mexicandeliverypharma.com/#]best online pharmacies in mexico[/url] mexico drug stores pharmacies

  78. mexican pharmaceuticals online [url=http://mexicandeliverypharma.com/#]buying from online mexican pharmacy[/url] mexican online pharmacies prescription drugs

  84. mexican border pharmacies shipping to usa [url=https://mexicandeliverypharma.online/#]п»їbest mexican online pharmacies[/url] mexico drug stores pharmacies

  85. mexico drug stores pharmacies [url=https://mexicandeliverypharma.online/#]mexican border pharmacies shipping to usa[/url] mexican mail order pharmacies

  89. best online pharmacies in mexico [url=https://mexicandeliverypharma.com/#]mexico drug stores pharmacies[/url] pharmacies in mexico that ship to usa

  91. buying prescription drugs in mexico online [url=http://mexicandeliverypharma.com/#]mexican pharmaceuticals online[/url] mexico pharmacies prescription drugs

  95. mexican border pharmacies shipping to usa [url=http://mexicandeliverypharma.com/#]buying prescription drugs in mexico[/url] medicine in mexico pharmacies

  98. medication from mexico pharmacy [url=http://mexicandeliverypharma.com/#]mexican online pharmacies prescription drugs[/url] mexican drugstore online

  101. mexican border pharmacies shipping to usa [url=https://mexicandeliverypharma.online/#]п»їbest mexican online pharmacies[/url] mexico drug stores pharmacies

  105. mexican mail order pharmacies [url=https://mexicandeliverypharma.online/#]buying from online mexican pharmacy[/url] buying prescription drugs in mexico

  111. tamoxifen hot flashes [url=https://nolvadexbestprice.pro/#]nolvadex estrogen blocker[/url] tamoxifen and grapefruit

  115. prednisone buy no prescription [url=http://prednisonebestprice.pro/#]5mg prednisone[/url] prednisone 5 mg tablet without a prescription

  119. buying cheap propecia online [url=https://propeciabestprice.pro/#]cheap propecia without dr prescription[/url] order generic propecia no prescription

  194. tamoxifen and ovarian cancer [url=https://tamoxifen.bid/#]buy tamoxifen online[/url] does tamoxifen make you tired

  220. Online medicine home delivery [url=https://easyrxindia.shop/#]reputable indian online pharmacy[/url] india pharmacy

  223. mexican rx online [url=http://mexstarpharma.com/#]medicine in mexico pharmacies[/url] best online pharmacies in mexico

  252. 1win официальный сайт [url=http://1win.directory/#]1win вход[/url] 1вин официальный сайт

  257. Somebody essentially lend a hand to make significantly articles Id state That is the very first time I frequented your website page and up to now I surprised with the research you made to make this actual submit amazing Wonderful task

Leave a Comment