umbraco-state-management

Explain observable state management patterns for Umbraco backoffice UIs.

26|13|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-state-management
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-state-management
Source: https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills/tree/main/plugins/umbraco-backoffice-skills/skills/umbraco-state-management
Command: npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-state-management

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • State Management: Utilizes Observable patterns to create reactive containers for values.
  • Cross-Component Communication: Enables seamless data sharing between UI elements without tight coupling.
  • Use Case: Implement a shared user profile state that updates in real-time across multiple backoffice sections whenever a user's information is modified.

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?▼

Manage reactive state in the Umbraco backoffice by using Observable patterns to create reactive containers for values, ensuring consistent and up-to-date user interfaces across components.

How do I share data between Umbraco backoffice components without tight coupling?▼

Share data between Umbraco backoffice components without tight coupling by utilizing state management with Observable patterns, enabling seamless cross-component communication and reactive data updates.

What state types are supported for building dynamic UIs in Umbraco?▼

Supported state types for building dynamic UIs in Umbraco include string, number, boolean, array, and object states, which integrate with the context API for reactive data handling.

Can I use observable patterns for real-time updates across multiple backoffice sections?▼

Observable patterns enable real-time updates across multiple backoffice sections by allowing you to implement a shared state that instantly reflects modifications, such as updating a user profile dynamically.

How do I create a basic string state with an initial value in Umbraco?▼

Create a basic string state with an initial value in Umbraco by using the state management skill to initialize an observable container and observe its subsequent changes.

When do I need observable state management for front-end development in Umbraco?▼

You need observable state management for front-end development in Umbraco when managing and sharing reactive data across different components to ensure consistent and up-to-date user interfaces.