1.3. A Simple Angular MFE

785 lượt xem

Nội dung bài học

Micro Frontend Angular Mastery

51 bài học
1.1. Setting Up the Development Environment
1.2. Introducing Micro frontends
1.3. A Simple Angular MFE
1.4. Introduction Nx
1.5. Introduction Module Federation
2.1. Generate MFE Foody App
2.2. Extracting components to Library
2.3. Imposing Constraints with Module Boundary Rules
2.4. Create Shared components
2.5. Introducing Nx Affected
2.6. Analyze structure of the MFE App
2.7. Exploring MFE with MultiRepo
2.8. Building Catalog App
2.9. Refactor MFE to DDD
2.10. Refactor MFE to DDD - Practice
2.11. Refactoring MFE to DDD Practice Part II
3.1. Building Client Catalog App with NgRx & Signal
3.2. Config tailwindcss and sharing styles P2
3.3. Implement Catalog Service
3.4. Get Product Data from API
3.5. Introduction NgRx
3.6. Implement NgRx for Catalog app
3.7. Using product selector
3.8. Loading component with selector
3.9. Implement catalog with Component Store
4.1. Introduction Cart app and components
4.2. Introduction Signals
4.3. Apply signals into Cart service
4.4. Apply signals into Cart service P2
4.5. Update cart item quantity
4.6. Setting up a Global Shared State
4.7. Reload cart items from storage
4.8. Implement Cart using Component Store and Signals
4.9. Refactoring Cart Service using Basket Model
4.10. Refactoring Cart Service using Basket Model P2
4.11. The toSignal() Rxjs
4.12. Implement Search Product
4.13. Implement Search Component
5.1. Stripe introduction
5.2. Demo Checkout with Stripe
5.3. Checkout Demo with MFE App
5.4. Create checkout module
5.5. Create checkout module - II
5.6. Order Summary Component
5.7. Form Checkout
5.8. Shipping Form
5.9. Checkout Model
5.10. Checkout Complete Purchase
5.11. Checkout Complete Purchase-Part II
5.12. Checkout stripe response
5.13. Checkout Confirmation