coordinate-components

Manage shared state across Blazor components using cascading values and scoped services.

Updated May 28, 2026
One-click install
npx skills add https://github.com/ojrojas/AgentsInstructions --skill coordinate-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coordinate-components
Source: https://github.com/ojrojas/AgentsInstructions/tree/main/.claude/skills/dotnet-blazor/skills/coordinate-components
Command: npx skills add https://github.com/ojrojas/AgentsInstructions --skill coordinate-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps in managing state between components that lack a direct parent-child relationship, enabling state sharing in complex component trees without using parameter passing or event callbacks.

Core Features & Use Cases

  • State Sharing: Share state between components using cascading values and scoped services.
  • Render Mode Boundary Crossing: Supports sharing state across different render modes (SSR, interactive, WebAssembly).
  • Use Case: Ideal for sharing theme settings, user preferences, or global state like a shopping cart across multiple pages.

Quick Start

To use this skill, wrap your component subtree in a <CascadingValue> with the desired state.

Frequently Asked Questions about coordinate-components

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

FAQPage Schema
How do I share state across Blazor components without a direct parent-child relationship?

To share state across Blazor components without a direct parent-child relationship, use cascading values and scoped services to facilitate state distribution across complex component trees without parameter passing or event callbacks.

How do I share Blazor state across different render modes like SSR and WebAssembly?

Sharing Blazor state across different render modes involves using cascading values and scoped services to cross render mode boundaries, ensuring themes or preferences remain consistent between SSR, interactive, and WebAssembly environments.

What is the best way to manage global state like a shopping cart in Blazor?

The best way to manage global state like a shopping cart in Blazor is by wrapping your component subtree in a CascadingValue combined with scoped services, enabling shared state across multiple pages without direct parameter inheritance.

Do I need scoped services to use cascading values for Blazor component communication?

Yes, you need scoped services alongside cascading values to manage shared state between Blazor components effectively, as this combination facilitates state distribution across different render modes without direct parameter inheritance.

When should I avoid using cascading values for Blazor state management?

You should avoid using cascading values for Blazor state management when a direct parent-child relationship exists, as parameter passing or event callbacks are more efficient for simple component communication than scoped services.