Can I use this for global state or just components?

While highly effective for component-level state, it can be provided at the root level to act as a singleton for global data like user settings or lookup tables.

How does it handle API loading states?

It uses the 'observerLoadingErrorState' pipe within effects to automatically track and expose the loading status and potential errors of asynchronous operations.

What is PlatformVmStore?

PlatformVmStore is a specialized base class used for managing ViewModel state in Angular, providing integrated support for signals, side effects, and loading indicators.

Does this skill help with immutable state updates?

Absolutely. The workflow provides patterns and verification steps to ensure all state updates are performed immutably using the 'updateState' method.

Does this skill support Angular Signals?

Yes, the store architecture is designed to use Signals for selectors and state tracking, ensuring optimal performance and modern Angular reactivity.

Angular Store Development (PlatformVmStore)

Name: Angular Store Development (PlatformVmStore)
Author: CongDon1207

byCongDon1207

•

開発者ツール

Implements reactive state management and side-effect handling using the PlatformVmStore pattern for Angular applications.

概要

This skill provides a comprehensive workflow for building scalable Angular state management systems based on PlatformVmStore. It guides developers through creating reactive signals, memoized selectors, and side-effect management (API calls) with integrated loading and error tracking. By standardizing patterns for CRUD operations, dependent data, and state caching, this skill ensures consistent architecture across complex frontend features while reducing boilerplate code and improving maintainability.

主な機能

Reactive state management utilizing Angular Signals and PlatformVmStore
1 GitHub stars
Memoized selectors for efficient, high-performance UI updates
Integrated loading and error state tracking for all asynchronous effects
Standardized patterns for CRUD operations, pagination, and filtering
Built-in support for state caching and persistence strategies

ユースケース

Managing feature-specific states that require side-effect orchestration
Implementing global lookup data stores with caching and refresh logic
Developing complex list views with integrated CRUD and pagination

概要

主な機能

Reactive state management utilizing Angular Signals and PlatformVmStore
1 GitHub stars
Memoized selectors for efficient, high-performance UI updates
Integrated loading and error state tracking for all asynchronous effects
Standardized patterns for CRUD operations, pagination, and filtering
Built-in support for state caching and persistence strategies

ユースケース

Managing feature-specific states that require side-effect orchestration
Implementing global lookup data stores with caching and refresh logic
Developing complex list views with integrated CRUD and pagination