ngx-mxstore

ngx-mxstore is a state management library for Angular applications designed to simplify and structure state handling. It encourages moving business logic out of components into pure, testable methods, while providing a clear separation of concerns through actions, reducers, and effects.

Key Features

• StoreAware Decorator — Connects Angular components to the store, automatically updating component state when the application state changes.
• Pure Reducers — Handle state mutations in pure functions, ensuring predictable and testable state updates.
• Side Effect Management — Isolate side effects (like API calls) in dedicated effects that can trigger further actions.
• Multiple Store Instances — Supports subdividing application state into separate stores, with the ability to have multiple instances of the same store.
• Selector Caching — Includes CacheSelector decorator to optimize performance by memoizing selector results.
• Action Helpers — Provides utilities like createActionWithSuccessAndFailure and withActionHandlers to streamline common async patterns.
• Debugging Tools — Enables console debugging to monitor actions and inspect the global state snapshot.

Philosophy

ngx-mxstore promotes clean architecture by keeping state out of components, centralizing logic in pure functions, and enabling scalable, testable code through a structured store pattern.