JavaScript MicroFrontends - A Practical Example with Webpack

Published: 30 August 2023
on channel: Programming with Umair
1,024
24

#microfrontends #webpack #javascript
MicroFrontends in JavaScript involve breaking down a web application's frontend into smaller, manageable pieces to improve development scalability and modularity.
In this video, you will learn how to create remote projects and a host project using webpack and utilise it in a host container project. You will learn different configuration of webpack need to added to achieve micro frontends.
Micro Frontends have following benefits:
Module System:
Dependency Management
Loaders
Plugins
Code Splitting
Development Server
Configuration
Optimisation
Integration with Build Pipelines

00:10 What is micro frontends in javascript?
4:00 How to create micro frontend projects using javascript?
8:00 How to configure webpack for micro frontend projects in javascript?
19:00 How to merge a remote project in container project using webpack in javascript?

React tutorials:
   • React.js Tutorials  

JavaScript Tutorials and Projects:
   • JavaScript Tutorial and Projects  

Angular Tutorials:
   • Angular 16 Life Cycle Hooks - Explained wi...  

Tech Tutorials - Random:
   • Postman Tutorial - Testing APIs and Build ...  

Complete Next.js 13 Crash Course:    • Next.js 13 Tutorials - App Directory  

Node Express MongoDB Bootcamp:    • Build REST API with Node Express MongoDB  

ChatGPT Tutorials:    • LLM, AI, Agents  

Contact us for development services:
  / umair-jameel-24aa5368  


On this page of the site you can watch the video online JavaScript MicroFrontends - A Practical Example with Webpack with a duration of hours minute second in good quality, which was uploaded by the user Programming with Umair 30 August 2023, share the link with friends and acquaintances, this video has already been watched 1,024 times on youtube and it was liked by 24 viewers. Enjoy your viewing!