Agent skill
micro-frontend-federation
Orchestrate distributed React applications using Module Federation and shared context bridges.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/micro-frontend-federation
SKILL.md
Micro-Frontend Federation (React 18)
Summary
Orchestrate distributed React applications using Module Federation and shared context bridges.
Key Capabilities
- Share React Context across federation boundaries.
- Manage version skew in shared dependencies at runtime.
- Isolate styling and event propagation between remote modules.
PhD-Level Challenges
- Design a fault-tolerant loading strategy for failing remotes.
- Prove type-safety across dynamic module boundaries.
- Analyze memory overhead of duplicate dependency loading.
Acceptance Criteria
- Deploy a host app with seamlessly integrated remotes.
- Demonstrate shared state synchronization.
- Document the dependency sharing policy.
Didn't find tool you were looking for?