How to add ngrx state management in micro frontend
#Angular12 #modulefederation #nx
We explore how to share a single Ngrx store across multiple angular 12 micro frontend applications implemented using webpack 5 module federation. We use Nx tool for handling the monorepo.
Github urls -
https://github.com/anuroopjoy/nx-ngrx... - Loosely coupled state with exposed remote angular module
https://github.com/anuroopjoy/nx-ngrx... - Tightly coupled state with exposed remote angular component
00:00 - Introduction
00:22 - Example - Loosely coupled app state
00:28 - Create nx workspace
02:22 - Module federation - remote module
04:05 - Add Ngrx
08:11 - Shared Ngrx store instance
15:53 - Example - Tightly coupled app state
16:25 - Create nx workspace
17:10 - Create shared library for state
18:15 - Module federation - remote component
23:08 - Shared Ngrx store instance and lib