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

•

Developer Tools

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.

Key Features

01Reactive state management utilizing Angular Signals and PlatformVmStore

021 GitHub stars

03Memoized selectors for efficient, high-performance UI updates

04Integrated loading and error state tracking for all asynchronous effects

05Standardized patterns for CRUD operations, pagination, and filtering

06Built-in support for state caching and persistence strategies

Use Cases

01Managing feature-specific states that require side-effect orchestration

02Implementing global lookup data stores with caching and refresh logic

03Developing complex list views with integrated CRUD and pagination

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add congdon1207/agents.md frontend-angular-store

For use in Claude.ai and ChatGPT

Download Skill