002 mfe-diagrams (230.65 KB)
003 What is a Microfrontend (23.98 MB)
004 Application Overview (12.46 MB)
005 Understanding Build-Time Integration (25.24 MB)
006 A Run-Time Integration (18.55 MB)
008 8-project (46.4 KB)
008 Project Setup (13.64 MB)
009 9-generating (44.4 KB)
009 Generating Products (9.31 MB)
010 Some Background on Webpack (67.83 MB)
011 11-touch (45.12 KB)
011 A Touch More on Webpack (68.04 MB)
012 12-finishing (45.17 KB)
012 Finishing the Product List (7.81 MB)
013 Scaffolding the Container (30.48 MB)
001 15-implementing (90.39 KB)
001 Implementing Module Federation (74.59 MB)
002 Understanding Module Federation (51.38 MB)
003 More on Module Federation (51.25 MB)
005 Understanding Configuration Options (81.02 MB)
006 19-scaffolding (135.4 KB)
006 Scaffolding the Cart (55.46 MB)
007 20-cart-integration (135.44 KB)
007 Cart Integration (27 MB)
008 The Development Process (27.59 MB)
001 22-using (135.47 KB)
001 Using Shared Modules (24.28 MB)
002 23-async (135.88 KB)
002 Async Script Loading (37.01 MB)
003 Shared Module Versioning (42.9 MB)
004 25-singleton (135.88 KB)
004 Singleton Loading (36.91 MB)
005 26-sub-app (136.09 KB)
005 Sub-App Execution Context (39.2 MB)
006 27-refactoring-products (136.22 KB)
006 Refactoring Products (45.57 MB)
007 28-consuming (136.27 KB)
007 Consuming Remote Modules (38.48 MB)
008 29-refactoring-cart (136.38 KB)
008 Refactoring Cart (23.68 MB)
009 [Optional] A Funny Gotcha (99.8 MB)
001 Application Overview (38.77 MB)
002 Tech Stack (9.33 MB)
003 Requirements That Drive Architecture Choices (101.2 MB)
004 mfp (367.83 KB)
005 Dependency Installation (3.57 MB)
006 Initial Webpack Config (37.42 MB)
007 Creating and Merging Development Config (13.07 MB)
008 38-running (366.28 KB)
008 Running Marketing in Isolation (17.55 MB)
009 39-wiring (366.81 KB)
009 Wiring Up React (26.81 MB)
010 marketing-components (4.92 KB)
011 41-adding (370.22 KB)
011 Adding the Pricing and Landing Pages (9.16 MB)
001 42-assembling-app (371.21 KB)
001 Assembling the App Component (46.16 MB)
002 43-assembling-container (373.85 KB)
002 Assembling the Container (60.26 MB)
003 44-integration (374.08 KB)
003 Integration of the Container and Marketing (83.04 MB)
004 Why Import the Mount Function (33.23 MB)
005 46-generic (374.67 KB)
005 Generic Integration (46.46 MB)
006 47-reminder (374.71 KB)
006 Reminder on Shared Modules (47.08 MB)
007 48-delegating (374.73 KB)
007 Delegating Shared Module Selection (70.83 MB)
001 Requirements Around Deployment (57.28 MB)
002 The Path to Production (30.42 MB)
003 Initial Git Setup (33.7 MB)
004 52-production-container (845.25 KB)
004 Production Webpack Config for Container (103.25 MB)
005 53-production-marketing (374.65 KB)
005 Production Webpack Config for Marketing (29.68 MB)
006 Understanding CICD Pipelines (17.73 MB)
008 56-creating (375.46 KB)
008 Creating the Container Action (65.02 MB)
009 Testing the Pipeline (36.48 MB)
001 S3 Bucket Setup (54.11 MB)
002 Authoring a Bucket Policy (19.07 MB)
004 Cloudfront Distribution Setup (31.28 MB)
005 A Bit More Cloudfront Configuration (12.84 MB)
007 Creating and Assigning Access Keys (63.23 MB)
008 Rerunning the Build (5.82 MB)
009 A Small Error (36.42 MB)
010 67-webpacks (375.5 KB)
010 Webpacks PublicPath Setting (29.38 MB)
001 Manual Cache Invalidations (55.37 MB)
003 70-automated (375.57 KB)
003 Automated Invalidation (70.5 MB)
004 Successful Invalidation (9.86 MB)
005 72-setting-up (376.16 KB)
005 Setting Up the Marketing Deployment (23.01 MB)
006 73-reminder (376.2 KB)
006 Reminder on the Production Domain (58.14 MB)
007 Running the Deployment (5.34 MB)
008 Verifying Deployment (38.81 MB)
009 [Optional] A Production-Style Workflow (82.36 MB)
001 header (1.01 KB)
002 Adding a Header (29.65 MB)
003 Issues with CSS in Microfrontends (35.7 MB)
004 CSS Scoping Techniques (80.91 MB)
005 Understanding CSS in JS Libraries (72.53 MB)
006 So Whats the Bug (44.04 MB)
007 84-fixing (847.12 KB)
007 Fixing Class Name Collisions (61.11 MB)
008 Verifying the Fix (9.53 MB)
002 Inflexible Requirements Around Navigation (76.76 MB)
003 A Few Solutions (21.9 MB)
004 Which History Implementation (51.83 MB)
005 Surveying Our Current History Setup (11.42 MB)
006 91-using (377.49 KB)
006 Using Memory History (22.15 MB)
007 Why the Strange Results (37.46 MB)
008 Communication Between Apps (18.76 MB)
009 94-communicating (377.57 KB)
009 Communicating Through Callbacks (43.29 MB)
010 95-syncing (377.62 KB)
010 Syncing History Objects (43.46 MB)
011 96-running (377.63 KB)
011 Running Memory History in Isolation (13.91 MB)
012 97-container (377.72 KB)
012 Container to Child Communication (48.86 MB)
013 98-using (377.76 KB)
013 Using Browser History in Isolation (28.71 MB)
001 99-starting (381.31 KB)
001 Starting the Auth Project (58.88 MB)
002 components (3.74 KB)
003 101-adding (384.18 KB)
003 Adding Signin and Signup Forms (14.03 MB)
004 A Deeper Dive on PublicPath (103.58 MB)
006 Last Time for PublicPath (28.83 MB)
007 104-integrating (384.82 KB)
007 Integrating Auth into the Container (24.06 MB)
008 105-adding-initial (384.91 KB)
008 Adding Initial State to Memory History (74.45 MB)
009 106-lazily (384.97 KB)
009 Lazily Loading SubApps (96.14 MB)
010 107-adding-loading (385.45 KB)
010 Adding a Loading Bar (28.83 MB)
001 Important Notes on Authentication (30.81 MB)
002 Implementation Strategies (5.92 MB)
003 111-communicating-auth (385.51 KB)
003 Communicating Auth Changes (52.33 MB)
004 112-communicating-state (385.56 KB)
004 Communicating Authentication State (52.21 MB)
005 113-allowing (385.58 KB)
005 Allowing Signout (11.4 MB)
006 114-adding (386.15 KB)
006 Adding an Auth Deploy Config (34.99 MB)
007 Verifying Deployment (7.87 MB)
001 Initial Dashboard Setup (37.22 MB)
002 117-touch (412.92 KB)
002 A Touch More Config (17.27 MB)
003 components (4.49 KB)
004 119-showing (418.2 KB)
004 Showing the Dashboard (64.42 MB)
005 Integration with the Container (70.17 MB)
006 121-protecting (419.13 KB)
006 Protecting Access to the Dashboard (38.84 MB)
007 122-deploying (420.09 KB)
007 Deploying the Dashboard (23.59 MB)
008 Verifying Deployment (7.23 MB)
009 Wrapup (14.27 MB)