آموزش ساخت میکرواِندفِرانت‌ها با React - آخرین آپدیت

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

درک معماری میکرواِندفِرانت Understanding Micro-frontend Architecture

• آشنایی با معماری‌های میکرواِندفِرانت Introduction to Micro-frontend Architectures

• مرور کلی پروژه دوره Course Project Overview

ساخت زیرساخت‌ها Building the Foundation

• راه‌اندازی مخزن کد اولیه Get the Starter Repo up and Running

• پیکربندی Webpack Module Federation Configuring Webpack Module Federation

• استفاده از Dynamic Imports Using Dynamic Imports

• رندر کردن میکرواِندفِرانت‌ها Rendering Micro-frontends

پیاده‌سازی میکرواِندفِرانت‌ها Implementing Micro-frontends

• افزودن مسیریابی به یک میکرواِندفِرانت Adding Routing to a Micro-frontend

• افزودن مسیریابی به اپلیکیشن کانتینر Adding Routing to the Container App

• افزودن وضعیت (State) به میکرواِندفِرانت Adding State to a Micro-frontend

اتصال میکرواِندفِرانت‌ها Connecting Micro-frontends

• ساخت Context سبد خرید Creating the Cart Context

• استفاده از Context سبد خرید Consuming the Cart Context

• به اشتراک‌گذاری وضعیت محصولات با Props Sharing Products State with Props

• استفاده از Context سبد خرید در کامپوننت Header Consuming the Cart Context in the Header Component

استقرار میکرواِندفِرانت‌ها Deploying Micro-frontends

• ساخت پیکربندی‌های Webpack مخصوص هر محیط Creating Environment Specific Webpack Configurations

• استفاده از Errorboundary برای مدیریت خطاهای بارگذاری ریموت Using an Errorboundary to Handle Remote Loading Failures

• بارگذاری ریموت‌های سازگار با استفاده از Semantic Versioning Loading Compatible Remotes Using Semantic Versioning