Learn React Micro Frontend From Scratch Using Webpack

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

A course on optimizing React applications with Webpack and implementing a scalable micro-frontend UI architecture 2024

1. Introduction

1. How create-react-app works

2. Webpack intro

2. Create a react app using webpack

1. Setup react and react-dom

2. Setup webpack config

3. Custom entry and output in webpack config

4. Webpack css loaders

5. Webpack file loaders

3. Webpack Dev Server and Hot Reloading

1. Setup webpack dev server

2. Setup hot reloading using react-refresh

4. Project - Using monolithic architecture

1. Create header

2. Create todo-form

3. Style todo-form

4. Add todo

5. Show todoitems

6. Edit todo

7. Delete todo

5. Project - Using micro-frontend architecture

1. Micro frontend project - Intro

2. Setup all micro frontends

3. Export todoform component

4. Import todoform component in host app

5. Add content in todoform component

6. Export todolist component

7. Edit todo scenario in micro frontend

6. Deployment of Micro-frontend apps

1. Setup webpack config for production

2. Push code to github

3. Deploy remote apps

4. Deploy host app

179,000 تومان

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

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

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

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