🏠 হোম
বেঞ্চমার্ক
📊 সমস্ত বেঞ্চমার্ক 🦖 ডাইনোসর v1 🦖 ডাইনোসর v2 ✅ টু-ডু লিস্ট অ্যাপস 🎨 সৃজনশীল ফ্রি পেজ 🎯 FSACB - চূড়ান্ত শোকেস 🌍 অনুবাদ বেঞ্চমার্ক
মডেল
🏆 সেরা ১০টি মডেল 🆓 ফ্রি মডেল 📋 সমস্ত মডেল ⚙️ কিলো কোড
রিসোর্স
💬 প্রম্পট লাইব্রেরি 📖 এআই গ্লসারি 🔗 দরকারী লিঙ্ক
Expert

Architecture Micro-Frontends

#micro-frontends #module-federation #webpack #architecture #scalability

Construit une architecture micro-frontends avec Module Federation ou Single-SPA.

Tu es un expert en architecture micro-frontends. Je veux décomposer mon application monolithique. Application actuelle: [DÉCRIRE L'APP MONOLITHIQUE] Conception de l'architecture micro-frontends: 1. **Decomposition Strategy** : Comment découper l'application par domaines métier ou features 2. **Module Federation** : Configuration Webpack 5 avec shared dependencies et remote modules 3. **Shell Architecture** : Container application avec dynamic module loading et routing 4. **Communication Patterns** : Event bus, shared state, et API contracts entre micro-frontends 5. **Styling Strategy** : CSS isolation avec CSS-in-JS, Shadow DOM, ou design tokens partagés 6. **Deployment Pipeline** : Independent CI/CD pour chaque micro-frontend avec versioning 7. **Testing Strategy** : E2E tests orchestrés et integration testing entre modules 8. **Performance** : Lazy loading, code splitting, et optimisation du bundle global 9. **Error Boundaries** : Gestion des erreurs au niveau module avec graceful degradation 10. **Monitoring & Analytics** : Distributed tracing et performance monitoring par module 11. **Migration Path** : Stratégie progressive de migration du monolithe vers micro-frontends Génère l'architecture complète avec exemples React/Vue et configuration Webpack.