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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 39787
    حجم: 1753 مگابایت
    مدت زمان: 206 دقیقه
    تاریخ انتشار: ۱ آبان ۱۴۰۳
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید