{"id":22542805,"url":"https://github.com/devonchurch/chia-seeds","last_synced_at":"2026-03-19T23:05:29.419Z","repository":{"id":42719125,"uuid":"284644621","full_name":"devonChurch/chia-seeds","owner":"devonChurch","description":"Federated Modules / Micro Front-end exploration","archived":false,"fork":false,"pushed_at":"2023-01-07T20:54:20.000Z","size":796,"stargazers_count":1,"open_issues_count":55,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-02T08:29:47.786Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devonChurch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-03T08:25:01.000Z","updated_at":"2022-03-07T10:52:45.000Z","dependencies_parsed_at":"2023-02-08T01:47:43.774Z","dependency_job_id":null,"html_url":"https://github.com/devonChurch/chia-seeds","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fchia-seeds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fchia-seeds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fchia-seeds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fchia-seeds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devonChurch","download_url":"https://codeload.github.com/devonChurch/chia-seeds/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245991561,"owners_count":20706126,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-07T13:12:47.104Z","updated_at":"2026-01-06T18:14:10.865Z","avatar_url":"https://github.com/devonChurch.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chia Seeds 🌱 🌰 🐦\n\n## What 👋\n\nAn exploration into Micro Front-end compositions to understand the granularity teams can collaborate within the same application context.\n\n## How 💡\n\nThree core layout scenarios were created to encapsulated business requirements.\n\n### Standard\n**Primary navigation with content area**\n\n\u003cimg width=\"200\" alt=\"Standard layout\" src=\"https://user-images.githubusercontent.com/15273233/95007149-d384e700-0668-11eb-95aa-90b572c767f1.png\"\u003e\n\n### Isolation\n**No navigation, only content**\n\n\u003cimg width=\"200\" alt=\"Isolation layout\" src=\"https://user-images.githubusercontent.com/15273233/95007148-d2ec5080-0668-11eb-8040-ade9f2dc1a4d.png\"\u003e\n\n### Modal\n**Supplementary content overlay**\n\n\u003cimg width=\"200\" alt=\"Modal layout\" src=\"https://user-images.githubusercontent.com/15273233/95007146-d1bb2380-0668-11eb-945b-dbaee6ae6db2.png\"\u003e\n\nMicro Front-end _\"slices\"_ were identified and allocated under five color-coded cross-functional teams.\n\n![Teams](https://user-images.githubusercontent.com/15273233/95007177-28c0f880-0669-11eb-8cb9-4a8efb1de1e8.png)\n\nA user flow was created to simulate the _\"slices\"_ in the context of our required layout scenarios.\n\n![User flow](https://user-images.githubusercontent.com/15273233/95007373-73437480-066b-11eb-8085-897156444cb8.png)\n\nEach Micro Front-end _\"slice\"_ runs completely independently and composes into the core Singe Page Application shell via two main technology paradigms.\n\n### [Single-SPA](https://single-spa.js.org/)\n**A lightweight Micro Front-end lifecycle orchestrator**\n\n### [Federated Modules](https://webpack.js.org/concepts/module-federation/)\n**Run-time dependency reconciliation**\n\n![Local development](https://user-images.githubusercontent.com/15273233/95007419-49d71880-066c-11eb-9b7f-f10417479db3.png)\n\n## Conclusion 👍\n\nCombining Single-SPA Root and Parcel application composition alongside Federated Modules run-time Micro Front-end injection is a powerful pattern with production potential.\n\n![demo](https://user-images.githubusercontent.com/15273233/95007606-01205f00-066e-11eb-8722-ab53aa86a574.gif)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevonchurch%2Fchia-seeds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevonchurch%2Fchia-seeds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevonchurch%2Fchia-seeds/lists"}