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.