{"version":"1.0","provider_name":"Xminds Blog","provider_url":"https:\/\/www.xminds.com\/resources","title":"Micro Frontends in React using Vite Module Federation - Xminds Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"FWFIoNdqEp\"><a href=\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\">Micro Frontends in React using Vite Module Federation<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/embed\/#?secret=FWFIoNdqEp\" width=\"600\" height=\"338\" title=\"&#8220;Micro Frontends in React using Vite Module Federation&#8221; &#8212; Xminds Blog\" data-secret=\"FWFIoNdqEp\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.xminds.com\/resources\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png","thumbnail_width":680,"thumbnail_height":456,"description":"As applications grow larger, frontend codebases often become difficult to maintain. Multiple teams working on the same frontend repository can slow down development and deployments. This is where Microfrontend architecture comes in. Microfrontends allow us to break a large frontend application into smaller independent applications, similar to how microservices work in the backend. Today we [&hellip;]"}