Checking the bundle sizes of different state management solutions with source-map-explorer.
The project is based on https://github.com/DeborahK/Angular-NgRx-GettingStarted and uses Angular 13.1
See the branches for the different setups.
Run npm run build:stats
to let source-map-explorer calculate the bundle size.
NgRx Component Store (13.0.2)
[combined] (373.44 KB)
MiniRx Store (Feature Store API) (3.0.1)
[combined] (374.75 KB)
MiniRx Store (Redux API) (3.0.1)
[combined] (381.49 KB)
Uses ts-action for actions
NgRx Store, Effects (13.0.2)
[combined] (393.41 KB)
Uses @ngrx/effects for effects
NGXS (3.7.3)
[combined] (395.64 KB)
FYI: currently no effects with RxJS flattening operators implemented.
Akita (7.1.1)
[combined] (402.6 KB)
Uses ngneat/effects for effects