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
In questa pagina del sito puoi guardare il video online Micro frontends and module federation with ReactJS & Vite. della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Akilesh Rao 07 gennaio 2025, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 10,967 volte e gli è piaciuto 245 spettatori. Buona visione!
