Micro frontends and module federation with ReactJS & Vite.
Imagine splitting a massive app into smaller, independent pieces that different teams can build, deploy, and scale without stepping over each other. In this video, we’ll dive into how you can achieve this architecture with ReactJS & Vite module federation, explore its benefits, and even tackle challenges like shared state.
🔗Links
Github repo link: https://github.com/AkileshRao/microfr...
Docs: https://github.com/originjs/vite-plug...
Github issue for HMR: https://github.com/originjs/vite-plug...
Why pnpm: • Why pnpm
⌚Timestamps
0:00 - Intro
3:04 - Project setup
4:48 - Host and remote
9:00 - Vite build config and module federation config
13:20 - React components and integration
14:50 - Running both the apps and challenges
20:20 - HMR(kinda)
23:00 - Sharing state between apps
30:40 - Outro
🧑💻Other playlists:
Tanstack query - • React/Tanstack Query(2024)
Push Notifications using SW - • Push Notifications using Service worker
Service worker in Javascript (2023) - • Service worker in Javascript (2023)
Javascript observers(2023) - • Javascript Observers(2023)
The Web components Playlist - • Web components 2023
The Git series(2023) - • The Git series(2023)
Multitasking in NodeJS - • Multi tasking in NodeJS
NodeJS Authentication with Passport - • NodeJS Authentication with Passport(2021)
Job scheduling in NodeJS - • Job scheduling in NodeJS
NPM Tutorial Series - • NPM Tutorial Series (2021)
Javascript(Behind the scenes) - • Javascript(Behind the scenes)
Socials
🐤 Twitter - / themangalorian
📷 Instagram - / _alt.ar_
👔 LinkedIn - / akilesh-rao-610357137
🧑💻 GitHub - https://github.com/AkileshRao
📝 Medium - / akileshrao19
Nesta página do site você pode assistir ao vídeo on-line Micro frontends and module federation with ReactJS & Vite. duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Akilesh Rao 07 Janeiro 2025, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 10,967 vezes e gostou 245 espectadores. Boa visualização!
