Microfrontends with React: A Complete Developer’s Guide

سرفصل های دوره

Build incredibly scalable apps with a microfrontend architecture

01 - The Basics of Microfrontends

001 Join Our Community!.html

002 What is a Microfrontend

003 Application Overview

004 Understanding Build-Time Integration

005 A Run-Time Integration

006 Webpack CLI version update - Class constructor ServeCommand error.html

007 006-mfe.zip

007 Project Setup

008 007-mfe.zip

008 Generating Products

009 Some Background on Webpack

010 009-mfe.zip

010 A Touch More on Webpack

011 010-mfe.zip

011 Finishing the Product List

012 Webpack CLI version update.html

013 Scaffolding the Container

02 - The Basics of Module Federation

001 012-mfe.zip

001 Implementing Module Federation

002 Understanding Module Federation

003 More on Module Federation

004 Understanding Configuration Options

005 016-mfe.zip

005 Scaffolding the Cart

006 017-mfe.zip

006 Cart Integration

007 The Development Process

03 - Sharing Dependencies Between Apps

001 019-mfe.zip

001 Using Shared Modules

002 020-mfe.zip

002 Async Script Loading

003 021-mfe.zip

003 Shared Module Versioning

004 022-mfe.zip

004 Singleton Loading

005 023-mfe.zip

005 Sub-App Execution Context

006 024-mfe.zip

006 Refactoring Products

007 025-mfe.zip

007 Consuming Remote Modules

008 026-mfe.zip

008 Refactoring Cart

009 [Optional] A Funny Gotcha

04 - Linking Multiple Apps Together

001 Application Overview

002 Tech Stack

003 Requirements That Drive Architecture Choices

004 Dependency Files.html

004 mfp.zip

005 Dependency Installation

006 Initial Webpack Config

007 Creating and Merging Development Config

008 007-app.zip

008 Running Marketing in Isolation

009 008-app.zip

009 Wiring Up React

010 Marketing Components.html

010 marketing-components.zip

011 009-app.zip

011 Adding the Pricing and Landing Pages

05 - Generic Ties Between Projects

001 010-app.zip

001 Assembling the App Component

002 011-app.zip

002 Assembling the Container

003 012-app.zip

003 Integration of the Container and Marketing

004 Why Import the Mount Function

005 014-app.zip

005 Generic Integration

006 015-app.zip

006 Reminder on Shared Modules

007 016-app.zip

007 Delegating Shared Module Selection

06 - Implementing a CICD Pipeline

001 Requirements Around Deployment

002 The Path to Production

003 Initial Git Setup

004 004-dep.zip

004 Production Webpack Config for Container

005 005-dep.zip

005 Production Webpack Config for Marketing

006 Understanding CICD Pipelines

007 007-dep.zip

007 Creating the Container Action

008 Testing the Pipeline

07 - Deployment to Amazon Web Services

001 S3 Bucket Setup

002 Authoring a Bucket Policy

003 Cloudfront Distribution Setup

004 A Bit More Cloudfront Configuration

005 Creating and Assigning Access Keys

006 Rerunning the Build

007 A Small Error

008 016-dep.zip

008 Webpacks PublicPath Setting

08 - Microfrontend-Specific AWS Config

001 Manual Cache Invalidations

002 018-dep.zip

002 Automated Invalidation

003 Successful Invalidation

004 020-dep.zip

004 Setting Up the Marketing Deployment

005 021-dep.zip

005 Reminder on the Production Domain

006 022-dep.zip

006 Running the Deployment

007 023-dep.zip

007 Verifying Deployment

008 024-dep.zip

008 [Optional] A Production-Style Workflow

09 - Handling CSS in Microfrontends

001 Header Component.html

001 header.zip

002 Adding a Header

003 Issues with CSS in Microfrontends

004 CSS Scoping Techniques

005 Understanding CSS in JS Libraries

006 So Whats the Bug

007 006-mfp.zip

007 Fixing Class Name Collisions

008 Verifying the Fix

10 - Implementing Multi-Tier Navigation

001 Inflexible Requirements Around Navigation

002 A Few Solutions

003 Which History Implementation

004 Surveying Our Current History Setup

005 Using Memory History

006 Why the Strange Results

007 Communication Between Apps

008 Communicating Through Callbacks

009 Syncing History Objects

010 Running Memory History in Isolation

011 Container to Child Communication

012 Using Browser History in Isolation

11 - Performance Considerations

001 001-wrap.zip

001 Starting the Auth Project

002 Component Files.html

002 components.zip

003 002-wrap.zip

003 Adding Signin and Signup Forms

004 A Deeper Dive on PublicPath

005 Last Time for PublicPath

006 005-wrap.zip

006 Integrating Auth into the Container

007 006-wrap.zip

007 Adding Initial State to Memory History

008 007-wrap.zip

008 Lazily Loading SubApps

009 008-wrap.zip

009 Adding a Loading Bar

12 - Authentication in Microfrontends

001 Important Notes on Authentication

002 Implementation Strategies

003 Communicating Auth Changes

004 Communicating Authentication State

005 Allowing Signout

006 Adding an Auth Deploy Config

007 Verifying Deployment

13 - Using Other Frontend Frameworks

001 Initial Dashboard Setup

002 002-dash.zip

002 A Touch More Config

003 Component Files.html

003 components.zip

004 003-dash.zip

004 Showing the Dashboard

005 Integration with the Container

006 005-dash.zip

006 Protecting Access to the Dashboard

007 006-dash.zip

007 Deploying the Dashboard

008 Verifying Deployment

009 Wrapup

14 - Bonus!

001 Bonus!.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training