umbraco-state-management

Manage reactive state in the Umbraco backoffice using observable patterns.

4|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-state-management-albanist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-state-management
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/foundation/umbraco-state-management
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-state-management-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of managing and sharing reactive data across different components and contexts within the Umbraco backoffice, ensuring consistent and up-to-date information.

Core Features & Use Cases

  • Reactive State Management: Utilize observable patterns for dynamic data handling.
  • Cross-Component Communication: Facilitate seamless data flow between UI elements.
  • Use Case: Imagine updating a user's profile information in one part of the Umbraco backoffice and having that change instantly reflected in a dashboard widget without manual refreshes.

Quick Start

Use the umbraco-state-management skill to create a basic string state with an initial value and observe its changes.

Frequently Asked Questions about umbraco-state-management

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage reactive state in the Umbraco backoffice?

Reactive state in the Umbraco backoffice is managed using observable patterns, enabling dynamic data sharing and UI updates across component instances. This allows data changes to propagate instantly without manual refreshes.

What is the best way to share data across Umbraco backoffice components?

Sharing data across Umbraco backoffice components is achieved through observable patterns and context integration. This reactive programming approach facilitates seamless communication between UI elements for consistent information updates.

Can I use observable patterns with the Umbraco context API?

Yes, observable patterns integrate directly with the Umbraco context API. This combination supports foundational state management concepts, allowing you to handle various state types like strings, numbers, arrays, and objects.

How do I create a basic observable state in Umbraco?

To create observable state in Umbraco, you initialize a basic state variable, such as a string, with an initial value. You then observe its changes to automatically trigger dynamic UI updates across the backoffice.

Does Umbraco state management support arrays and objects?

Umbraco state management supports arrays and objects alongside string and number types. These state types are managed reactively, ensuring that complex data structures remain synchronized across different backoffice component instances.