react

Create React 18+ TypeScript components with hooks and state management patterns.

7|Updated Nov 11, 2025
One-click install
npx skills add https://github.com/tenlisboa/.claude --skill react-tenlisboa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react
Source: https://github.com/tenlisboa/.claude/tree/main/skills/react
Command: npx skills add https://github.com/tenlisboa/.claude --skill react-tenlisboa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides modern React 18+ patterns with TypeScript, hooks, state management, and performance optimization. It helps developers build robust components and diagnose frontend issues more efficiently.

Core Features & Use Cases

  • Component patterns: Functional components with TypeScript props, prop destructuring, and composition patterns.
  • Hooks & state management: Best practices for useState, useEffect, useMemo, useCallback, and context usage.
  • Performance optimization: Memoization, lazy loading, and stable keys to reduce unnecessary renders.
  • Use Case: Build a reusable UserCard component with hooks and TS types that scales with state changes.

Quick Start

Use the React skill to scaffold a TypeScript React component following the patterns above; for example, build a lightweight UserCard with props and onClick handler.