skills.rest
albanistrefi
albanistrefiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-state-management

Implement Umbraco Backoffice reactive state with Observable patterns.

4|Updated Mar 6, 2026
Search Tags:#typescript#state management#reactive ui#observable#umbraco#backoffice#context api
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-state-management-albanistrefi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-state-management
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/foundation/umbraco-state-management
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-state-management-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you understand and apply Umbraco Backoffice state management correctly so reactive UI updates and cross-component communication work reliably.

Core Features & Use Cases

  • Build reactive state using Umbraco State containers (e.g., string, number, boolean, array, object) and convert them to Observables for subscription-based updates.
  • Share state via context patterns by exposing read-only observables from contexts and consuming them inside elements with proper observation lifecycles.
  • Derive focused signals with Observable parts to update only when mapped/selected data changes, keeping responses efficient and UI logic clean.

Quick Start

Ask the AI to fetch the latest Umbraco state documentation, then generate a minimal working example showing a context that exposes an observable state and an element that observes and renders updates.

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

Share state across Umbraco components by exposing read-only observables from contexts and consuming them inside elements. Proper observation lifecycles ensure components subscribe and unsubscribe correctly during reactive updates.

What is an Umbraco observable part and when do I need it?▼

An Umbraco observable part is a mechanism to derive focused signals from a larger state object. You need it to trigger UI updates only when specific mapped or selected data changes, keeping responses efficient and logic clean.

How do I create a minimal working example of Umbraco context state?▼

You can use various Umbraco State containers including string, number, boolean, array, and object types. These containers are converted to Observables to facilitate subscription-based reactive updates within your backoffice codebase.

Do I need TypeScript to implement Umbraco reactive state patterns?▼

TypeScript is used for implementing Umbraco reactive state patterns, specifically when building context-driven components and creating derived signals via observable parts in backoffice codebases. It ensures type-safe state management.

Related Skills

Explore More Software Engineering Skills→
1k-off1k-off
1

umbraco-umbraco-element

Generate TypeScript Umbraco Elements using UmbElementMixin or UmbLitElement.

Community
Intermediate
1k-off1k-off
1

umbraco-state-management

Implement reactive state sharing across Umbraco backoffice components with observable streams.

Community
Intermediate
umbracoumbraco
26

umbraco-context-api

Explain and demonstrate the Umbraco Context API for backoffice inter-component communication.

Official
Intermediate
albanistalbanist
4

umbraco-state-management

Manage reactive state in the Umbraco backoffice using observable patterns.

Community
Intermediate