Loading...
Loading...
Found 26 Skills
Comprehensive React component testing with Jest and React Testing Library covering configuration, mocking strategies, async testing patterns, hooks testing, and integration testing best practices
Refactor high-complexity React components. Use when complexity metrics are high or to split monolithic UI.
Comprehensive React development guide covering component architecture, hooks, state management, TypeScript integration, useEffect patterns, and testing with Vitest. Use when creating React components, custom hooks, managing state, or any frontend React code. Essential for React 19+ development.
React/TypeScript frontend implementation patterns. Use during the implementation phase when creating or modifying React components, custom hooks, pages, data fetching logic with TanStack Query, forms, or routing. Covers component structure, hooks rules, custom hook design (useAuth, useDebounce, usePagination), TypeScript strict-mode conventions, form handling, accessibility requirements, and project structure. Does NOT cover testing (use react-testing-patterns), E2E testing (use e2e-testing), or deployment.
Use when React Context patterns for state management. Use when sharing state across component trees without prop drilling.
Implement React component patterns including composition, custom hooks, render props, HOCs, and compound components. Use when building reusable React components, implementing design patterns, or refactoring component architecture.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
React/Next.js 프론트엔드 프로젝트의 컴포넌트, 페이지, API 라우트, 훅, 스토어 등 보일러플레이트를 자동 생성하는 스캐폴딩 스킬. "컴포넌트 만들어", "페이지 생성", "scaffold", "boilerplate" 등의 요청 시 사용.
Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.
React framework for building user interfaces. Use for React components, hooks, state management, JSX, and modern frontend development.
Expert guidance on modern React patterns including hooks, composition, state management, and concurrent features. Use when implementing React components or refactoring existing code.
React component patterns, hooks, state management, and Vercel-inspired performance optimizations. Use for React development including re-render prevention, derived state, functional setState, and component composition.