Use of Webpack with Micro Frontend
- Intro-Use of Webpack with Micro Frontend
- Understand the problem Statement
- Definition of webpack
- Things Before Webpack
- Bundle less Representation (before webpack)
- Webpack
- World after webpack
- World After Webpack (About Bundling)
- Webpack possibilities- Key Features
- Webpack possibilities- Key Features Continuation
- Webpack possibilities- Key Features Continuation
- What Monolithic, Micro service and Micro Front end architecture
- Monolithic and micro service architecture - Part 2
- Key Characteristics – Micro Frontend
- Definition – Micro Frontend
- Key Characteristics of Micro Frontend
- Monolithic architecture
- Can we use Webpack for Backend projects like JAVA OR Python?
02-Webpack Config file
- 02-Webpack Config file
- Webpack Entry Point
- 03-Webpack Output Bundles
- 04-Webpack single entry points
- 05-Webpack multiple entry points
- 06-Webpack modules support
- 07-Difference Between Common JS and ESM
- Webpack Entry Points
01-Loaders and Plugins
- 01-Loaders and Plugins
- 02-What is Loader
- 03-Webpack modules support
- 04-Plugins
- 06-Plugins Usage
- 07-Plugins Installation using npm
04-Micro Front ends
- 04-Micro Front ends
- 02-Micro Front end Components
- 03-Micro Front end Examples
- 04-The real connector - Module Federation Plugin
- Plugin for micro front end implementation
05-Configuring Webpack for Micro-Frontends
- 05-Configuring Webpack for Micro-Frontends
- 05-Configuring Webpack for Micro-Frontends part 2
06-Real Code - 2 different Micro front end samples
- 06-Real Code - 2 different Micro front end samples
- 06-Real Code - 2 different Micro front end samples part 2
- Exposing a component is allowed in webpack module federation plugin ?
07-Deployment Strategies
- 07-Deployment Strategies
- Deployment strategies
- Deployment strategies
08-Optimizations and Performance
- Code Splitting
- Lazy Loading
- Lazy Loading
09-Minification
- 09-Minification
- Minification in webpack
Bundling
- Bundling
- 02-Run Webpack Command
- Bundling
Related tools
- Related tools
12-Integration with React JS
- 12-Integration with React JS
- Integration of Webpack Micro front end with other technologies
13-Challenges faced
- 13-Challenges faced
- Part 2
- Debugging & Deployment in micro front end
