--- title: Micro Frontends with Native Federation 🍿 | daily.dev description: Native Federation is a compile-time and runtime mechanism to allow different scripts (micro frontends) to share dependencies and expose/import components... canonical: https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Micro Frontends with Native Federation 🍿 | daily.dev og:description: Native Federation is a compile-time and runtime mechanism to allow different scripts (micro frontends) to share dependencies and expose/import components... og:url: https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2 og:image: https://api.daily.dev/og/posts/1I0x7bzn2.png og:image:alt: Micro Frontends with Native Federation 🍿 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Micro Frontends with Native Federation 🍿 **[Community Picks](https://daily.dev/sources/community)** · 16 min read · 43 upvotes · 1 comments ## Summary Native Federation is a compile-time and runtime mechanism to allow different scripts (micro frontends) to share dependencies and expose/import components between each other. It builds upon the ideas of Module Federation. Native Federation and Module Federation have some differences in terms of tooling, dependencies, micro frontends, support manifest, on-the-fly updates, and module format. An example application is built to showcase Native Federation's capabilities and how it can be used. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@tqmvt** · 1 upvotes > Thanks for sharing about micro frontend --- Tags: [#webdev](https://daily.dev/tags/webdev), [#webpack](https://daily.dev/tags/webpack) [View this post on daily.dev](https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Micro Frontends with Native Federation 🍿","url":"https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2"},"datePublished":"2024-04-09T07:49:26.791Z","dateModified":"2024-05-09T09:28:18.744Z","description":"Native Federation is a compile-time and runtime mechanism to allow different scripts (micro frontends) to share dependencies and expose/import components...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ffee06839210a9dcb06fb08767801975?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ffee06839210a9dcb06fb08767801975?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":43},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"webdev,webpack","timeRequired":"PT16M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Micro Frontends with Native Federation 🍿"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/micro-frontends-with-native-federation--1i0x7bzn2","comment":[{"@type":"Comment","text":"Thanks for sharing about micro frontend","datePublished":"2024-05-07T10:53:04.735Z","url":"https://daily.dev/posts/1I0x7bzn2#c-01CByDQVa","author":{"@type":"Person","name":"tqmvt","url":"https://daily.dev/tqmvt","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```