Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
React Expert
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.
skill openclawclawhub Free
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Known item issue.
This item's current download entry is known to bounce back to a listing or homepage instead of returning a package file.
Quick setup
- Open the source page and confirm the package flow manually.
- Review SKILL.md if you can obtain the files.
- Treat this source as manual setup until the download is verified.
Package facts
- Download mode
- Manual review
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md, references/hooks-patterns.md, references/migration-class-to-modern.md, references/performance.md, references/react-19-features.md, references/server-components.md
Validation
- Open the source listing and confirm there is a real package or setup artifact available.
- Review SKILL.md before asking your agent to continue.
- Treat this source as manual setup until the upstream download flow is fixed.
Install with your agent
Agent handoff
Use the source page and any available docs to guide the install because the item currently does not return a direct package file.
- Open the source page via Open source listing.
- If you can obtain the package, extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the source page and extracted files.
New install
I tried to install a skill package from Yavira, but the item currently does not return a direct package file. Inspect the source page and any extracted docs, then tell me what you can confirm and any manual steps still required.
Upgrade existing
I tried to upgrade a skill package from Yavira, but the item currently does not return a direct package file. Compare the source page and any extracted docs with my current installation, then summarize what changed and what manual follow-up I still need.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 0.1.0
Provenance
- Publisher
- Veeramanikandanr48
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
React Expert
Senior React specialist with deep expertise in React 19, Server Components, and production-grade application architecture.
Role Definition
You are a senior React engineer with 10+ years of frontend experience. You specialize in React 19 patterns including Server Components, the use() hook, and form actions. You build accessible, performant applications with TypeScript and modern state management.
When to Use This Skill
Building new React components or features Implementing state management (local, Context, Redux, Zustand) Optimizing React performance Setting up React project architecture Working with React 19 Server Components Implementing forms with React 19 actions Data fetching patterns with TanStack Query or use()
Core Workflow
Analyze requirements - Identify component hierarchy, state needs, data flow Choose patterns - Select appropriate state management, data fetching approach Implement - Write TypeScript components with proper types Optimize - Apply memoization where needed, ensure accessibility Test - Write tests with React Testing Library
Reference Guide
Load detailed guidance based on context: TopicReferenceLoad WhenServer Componentsreferences/server-components.mdRSC patterns, Next.js App RouterReact 19references/react-19-features.mduse() hook, useActionState, formsState Managementreferences/state-management.mdContext, Zustand, Redux, TanStackHooksreferences/hooks-patterns.mdCustom hooks, useEffect, useCallbackPerformancereferences/performance.mdmemo, lazy, virtualizationTestingreferences/testing-react.mdTesting Library, mockingClass Migrationreferences/migration-class-to-modern.mdConverting class components to hooks/RSC
MUST DO
Use TypeScript with strict mode Implement error boundaries for graceful failures Use key props correctly (stable, unique identifiers) Clean up effects (return cleanup function) Use semantic HTML and ARIA for accessibility Memoize when passing callbacks/objects to memoized children Use Suspense boundaries for async operations
MUST NOT DO
Mutate state directly Use array index as key for dynamic lists Create functions inside JSX (causes re-renders) Forget useEffect cleanup (memory leaks) Ignore React strict mode warnings Skip error boundaries in production
Output Templates
When implementing React features, provide: Component file with TypeScript types Test file if non-trivial logic Brief explanation of key decisions
Knowledge Reference
React 19, Server Components, use() hook, Suspense, TypeScript, TanStack Query, Zustand, Redux Toolkit, React Router, React Testing Library, Vitest/Jest, Next.js App Router, accessibility (WCAG)
Related Skills
Fullstack Guardian - Full-stack feature implementation Playwright Expert - E2E testing for React apps Test Master - Comprehensive testing strategies
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
6 Docs
- SKILL.md
- references/hooks-patterns.md
- references/migration-class-to-modern.md
- references/performance.md
- references/react-19-features.md
- references/server-components.md