kramme:connect-migrate-legacy-store-to-ngrx-component-store

To migrate a legacy NgRx store to ComponentStore, convert existing CustomStore or FeatureStore patterns into standalone ComponentStore services by defining typed state interfaces, extracting initialState, and creating updaters and selectors in files named with a .store.ts suffix.

The best way to re-architect Connect monorepo stores is to replace addApiAction().withReducer() or addSocketAction().withReducer() patterns with inject-based ComponentStore services, enforcing strict state typing, explicit getters, and selector-based state access.

Migrating from FeatureStore to NgRx ComponentStore reduces boilerplate and improves testability by shifting to a service-based architecture with explicit updaters, selectors, and dependency wiring instead of global reducer registrations.

Wire Angular components to a migrated ComponentStore by using inject-based access to the new service, replacing legacy store registrations, and consuming state through selectors and typed getters directly from the ComponentStore instance.

When migrating to NgRx ComponentStore, the process enforces naming files with a .store.ts suffix, structuring updaters and selectors within these files, and aligning dependency wiring with ComponentStore best practices.