react-19-primitives

Coordinate React 19 primitives for promise-driven UI in dean-stack SPAs.

1|Updated Apr 26, 2026
One-click install
npx skills add https://github.com/matthewharwood/dean-stack --skill react-19-primitives
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-19-primitives
Source: https://github.com/matthewharwood/dean-stack/tree/main/.claude/skills/react-19-primitives
Command: npx skills add https://github.com/matthewharwood/dean-stack --skill react-19-primitives

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured API surface and guidance for using React 19 primitives (use(promise), useTransition, useDeferredValue, useOptimistic, useActionState, useFormStatus, and Suspense) within the dean-stack architecture, enabling predictable, suspense-friendly UI hydration and state management.

Core Features & Use Cases

  • Understand and apply React 19 primitives for promise-driven data, including how to suspend reads with use(promise) and manage transitions and deferred updates for responsive interfaces.
  • Architect Suspense boundaries and root hydration in a dean-stack SPA, coordinating with idb hydration and jotai state management for synchronous reads after hydration.
  • Provide patterns and guardrails for correct usage, including anti-patterns, server components guidance, and integration with the app shell.

Quick Start

Create a small React 19 app and begin using use(promise) inside a Suspense boundary to load data.

Frequently Asked Questions about react-19-primitives

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

FAQPage Schema
How do I use React 19 use(promise) for data fetching inside Suspense boundaries?

Use the React 19 use(promise) hook to suspend reads within a Suspense boundary, enabling promise-driven data fetching and predictable UI hydration in a client-side SPA architecture.

What is the best way to manage top-level state in a React 19 SPA using jotai and idb?

Manage top-level state in a React 19 SPA by coordinating jotai for state management with idb hydration, ensuring synchronous state reads are available immediately after the app shell hydrates.

Can I use React 19 primitives like useTransition and useOptimistic in a client-side dean-stack architecture?

Yes, you can apply React 19 primitives like useTransition, useDeferredValue, and useOptimistic within a dean-stack architecture to manage transitions and deferred updates for responsive client-side interfaces.

How do I handle app shell hydration with React 19 Suspense and idb?

Handle app shell hydration by structuring Suspense boundaries and root hydration to coordinate with idb, enabling suspense-friendly UI hydration and synchronous reads after deployment in an SPA.

What are the limitations or anti-patterns when using React 19 useFormStatus and useActionState?

Limitations include specific anti-patterns and server components guidance; you must follow provided guardrails for correct usage of useActionState and useFormStatus to avoid breaking promise-driven UI hydration.

Does this React 19 primitives guidance work without server components?

Yes, the guidance specifically targets a client-side architecture using React 19 hooks and Suspense, providing explicit server components guidance and anti-patterns to avoid when deploying SPAs.