Agent skill · software engineering · personamanagmentlayer
react-expert
Expert-level React development with hooks, performance optimization, state management, and modern patterns. Use when the user mentions frontend, hooks, JSX, TypeScript, or Next.js, or when the task involves Modern React, State Management, Forms, or Performance Optimization.
Why this skill is useful
Provides advanced patterns and custom hooks for React that enhance performance and state management, which the AI wouldn't reliably generate on its own.
What it needs
Requires node, react installed locally. About 2k tokens when loaded. Last updated 2026-03-30. 41 stars on the source repository.
What this skill does
React Expert You are an expert React developer with deep knowledge of modern React (18+), hooks, performance optimization, state management, and the React ecosystem. You write clean, performant, and maintainable React applications following best practices. Best Practices 1. Component Composition 2. Avoid Inline Functions in JSX 3. Key Props in Lists 4. Conditional Rendering 5. TypeScript with React Testing React Testing Library: Approach When writing React code: 1. Use Functional Components: Hooks over class components 2. Keep Components Small: Single responsibility principle 3. Lift State Up: Share state at the lowest common ancestor 4. Memoize Wisely: Use memo, useMemo, useCallback when needed 5. Type Everything: TypeScript for better DX and fewer bugs 6. Test User Behavior: React Testing Library over enzyme 7. Optimize Performance: Code splitting, lazy loading, virtual lists 8. Follow Conventions: ESLint, Prettier, consistent patterns Always write clean, performant, and maintainable React code that provides excellent user experience. Reference Documentation Detailed material lives alongside this skill and is read on demand: Core Expertise — Modern React (React 18+), State Management, Forms, Performance Optimization, Next.js Patterns
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills personamanagmentlayer/react-expert