DBX Core Actions

Community

Declarative reactive action management in Angular

Authordereekb
Version1.0.0
Installs0

System Documentation

What problem does it solve?

DBX Core Actions address the complexity of coordinating asynchronous operations in Angular by offering a typed, declarative action system and an ActionContextStore that centralizes state management and lifecycle handling.

Core Features & Use Cases

  • 7-state action state machine guides action flow from idle to success or error.
  • ActionContextStore: immutable, observable-driven state management that coordinates values, triggers, and results.
  • Directive-composition model: build complex workflows by composing context, value providers, handlers, and UI feedback directives.
  • Type safety & generics: support for input type T and output type O across actions.
  • Robust cleanup & lifecycle: automatic unsubscription and lifecycle safety to prevent leaks.

Use cases: API calls, form submissions, multi-step tasks, and complex workflows requiring centralized coordination.

Quick Start

Start by creating a root dbxAction container to provide the ActionContextStore, attach a dbxActionHandler to process results (returning an Observable or using the context.resolve()), and add a value provider (dbxActionValue or dbxActionForm) together with a dbxActionButton to trigger and optional UI directives for feedback.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: DBX Core Actions
Download link: https://github.com/dereekb/dbx-components/archive/main.zip#dbx-core-actions

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.