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

Created by: K.Sathyaprakash Reddy
Full Stack Developer

What Will I Learn?

• Learn how the create-react-app command line tool works behind the scenes
• Differences between monolithic architecture and micro frontend architecture
• Learn what is webpack , how it is helping create-react-app tool to process react app in-order to render it on the browser
• Learn how to create a new react app using using webpack from scratch
• Learn the differences between webpack development server and production server
• Implement hot reload functionality using react-refresh plugin
• Importing and exporting components from one project to another using webpack module federation plugin
• Learn how to handle routes and navigation in micro-frontend architecture
• Learn how to maintain the code repositories for micro-frontend apps
• Learn how to deploy and maintain the micro-frontend apps

Requirements

• Prior knowledge of React fundamentals is essential for participants to grasp the concepts covered in the course. This includes components, state management, props, and JSX syntax.

Target audience

• This course is designed for developers who are already familiar with React and want to learn how to build and manage micro frontends using Webpack. They will learn how to optimize their React applications using Webpack and implement a scalable micro frontend architecture.