Federated modules and Monorepo

on YouTube ↗08m

" summary

matamus consolidates many plugin-driven web, mobile and server repos into a single monorepo using npm workspaces and webpack Module Federation. Build and dev scripts run each workspace and start multiple webpack dev servers, mapped to one dev URL; shared deps (React, React‑DOM, react‑intl) extract into common bundles. CI and deploy previews unify across services. Major friction: resolving dynamic dev URLs and updating CSPs, and a planned migration of the plugin API into Module Federation for third‑party plugins.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 0:27Why Monorepo
3. 2:18Folder structure
4. 3:27Multiproduct architecture
5. 3:52Workspaces
6. 4:45Model Federation
7. 6:16Challenges
8. 7:19Next steps

" related talks

• 28mModule Federation: Theory vs PracticeMilan Holeš · FrontKon 2023
• 29mHow module federstion makes our life easierNithesh Adukkam Narayanan · JSWORLD Conference 2022 Online
• 30mSuperpowered Micro Frontends with MonoreposColum Ferry · Nx Conf Lite 2022
• 22mRoad to Module FederationSumit Arora, Abdella Ali · ng-conf 2023
• 01h 02mWebpack 5 Module FederationZack Jackson · CityJS Conference 2020
• 31mModule Federation in Webpack 5Tobias Koppers · JSNation Live 2020
• 55mModule Federation in 2024: Beyond WebpackZackary Jackson · Micro Frontends Conference 2024
• 21mMicro Frontends Made Easy with Module FederationShashi Lo · Commit Your Code 2024