Claude-skill-registry concurrent-rendering-orchestration
Design and validate complex concurrent rendering workflows using `useTransition`, `Suspense`, and selective hydration to preserve responsiveness under heavy workloads.
install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/concurrent-rendering-orchestration" ~/.claude/skills/majiayu000-claude-skill-registry-concurrent-rendering-orchestration && rm -rf "$T"
manifest:
skills/data/concurrent-rendering-orchestration/SKILL.mdtags
source content
Concurrent Rendering Orchestration (React 18)
Summary
Design and validate complex concurrent rendering workflows using
useTransition, Suspense, and selective hydration to preserve responsiveness under heavy workloads.
Key Capabilities
- Model UI updates as urgent vs non-urgent and coordinate transitions across nested trees.
- Compose
boundaries to avoid cascading stalls and over-suspension.Suspense - Implement selective hydration strategies that prioritize user-critical regions.
PhD-Level Challenges
- Prove liveness properties for a UI state machine under partial rendering.
- Construct a minimal cut set of
boundaries for optimal TTI.Suspense - Derive empirical thresholds where
improves tail latency.useTransition
Acceptance Criteria
- Demonstrate a UI with nested
boundaries and staged reveals.Suspense - Show consistent input responsiveness during large list updates.
- Provide a benchmark report before/after applying transitions.