skills.rest
victor-teles
victor-telesCOMMUNITY
Explore all skills by this author →
Website𝕏@engineerdesoftGitHub

component-rendering

Manage streaming UI status and persistent component state in React with Tambo.

1|Updated Feb 11, 2026
Search Tags:#frontend#react#streaming#component-state#tambo#ui-loading
One-click install
npx skills add https://github.com/victor-teles/oh-my-query --skill component-rendering-victor-teles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-rendering
Source: https://github.com/victor-teles/oh-my-query/tree/main/.agents/skills/component-rendering
Command: npx skills add https://github.com/victor-teles/oh-my-query --skill component-rendering-victor-teles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Managing streaming UI feedback and persistent component state in React apps built with Tambo can be error-prone and verbose. This skill provides a cohesive approach to coordinating global and per-prop streaming status and preserving component state across sessions.

Core Features & Use Cases

  • Streaming status management with useTamboStreamStatus to drive skeletons, loading indicators, and error states.
  • Per-prop status tracking to reflect partial content and individual prop progress.
  • Persisting component state across sessions via useTamboComponentState for long-lived, user-editable UI.

Quick Start

Instantiate useTamboStreamStatus in your component and render a Skeleton while pending and a LoadingIndicator while streaming.

Frequently Asked Questions about component-rendering

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

FAQPage Schema
How do I manage streaming UI feedback and component state persistence in React?▼

You can manage streaming UI feedback by using useTamboStreamStatus to handle pending, streaming, success, and error states, while useTamboComponentState persists component state across sessions in React applications.

What is per-prop streaming status tracking for React components?▼

Per-prop streaming status tracking reflects individual prop progress and partial content delivery in React components. It allows developers to monitor specific data streams within a component rather than just global loading states.

How do I persist component state across user sessions in a React app?▼

To persist component state across sessions in a React app, use the useTamboComponentState API. This supports long-lived, user-editable UI by maintaining state continuity even after the application is closed or refreshed.

Does Tambo support skeleton loading and error states for streaming React components?▼

Yes, Tambo supports skeleton loading and error states for streaming React components. The useTamboStreamStatus API drives these UI indicators, allowing you to render skeletons while pending and loading indicators while streaming.

When should I use global versus per-prop streaming status in Tambo React components?▼

Use global streaming status for overall component loading indicators like skeletons, and per-prop status when you need to reflect partial content delivery or individual prop progress. This Skill coordinates both to handle complex UI loading scenarios.

Related Skills

Explore More Software Engineering Skills→
Sri-Krishna-VSri-Krishna-V
4

component-rendering

Coordinate streaming UI props and persistent state in React components for Tambo interfaces.

Community
Intermediate
vecearvecear

state-ux-flow-builder

Standardize loading, error, empty, and success states for data-fetching views.

Community
Advanced
tambo-aitambo-ai
11.2k

add-components-to-registry

Register React components with Tambo registry and generate Zod prop schemas.

Official
Intermediate
wafflebyteswafflebytes
7

component-rendering

Manage streaming UI feedback and persistent state for Tambo React components.

Community
Advanced