react-development

# React Development Skill Expert assistance for building React applications with modern patterns, hooks, state management, and performance optimization. ## Capabilities - Generate React components with TypeScript and proper typing - Implement custom hooks with composition patterns - Configure state management (Context API, Redux Toolkit, Zustand) - Optimize rendering performance with memoization - Set up component testing with React Testing Library - Create accessible, reusable component libraries ## Usage Invoke this skill when you need to: - Create new React components with best practices - Implement custom hooks for shared logic - Set up state management architecture - Optimize component rendering performance - Configure React project structure ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | componentName | string | Yes | Name of the component (PascalCase) | | componentType | string | No | functional, class (default: functional) | | stateManagement | string | No | context, redux, zustand, jotai, none | | typescript | boolean | No | Use TypeScript (default: true) | | testing | boolean | No | Generate tests (default: true) | | storybook | boolean | No | Generate Storybook stories (default: false) | ### Component Configuration ```json { "componentName": "UserProfile", "componentType": "functional", "props": [ { "name": "user", "type": "User", "required": true }, { "name": "onUpdate", "type": "(user...