react-frontend

Hooks like useState, useEffect, useContext, useMemo, and useCallback enable functional component patterns that scale. This Skill provides prescriptive patterns and runnable examples for organizing state, side effects, and performance optimization across modern SPAs using hooks-based architecture.

React Testing Library testing patterns validate component behavior from the user's perspective. This Skill supplies RTL testing standards, configuration references including jest.config.js, and linting guidance to ensure consistent, maintainable test coverage across your React frontend.

Performance optimization combines memoization, lazy loading, and code splitting to reduce bundle size and render overhead. This Skill documents these techniques with configuration examples and best practices for functional components, enabling faster SPAs.

Yes. This Skill standardizes accessibility practices including WCAG 2.1 compliance and ARIA guidelines for React frontends. It provides documentation and patterns to ensure functional components, hooks, and state management work with assistive technologies.

Context API, Redux, and Zustand each suit different complexity levels. This Skill covers patterns for all three, helping you choose based on your app's scale and requirements, with prescriptive guidance and configuration references for consistent implementation.

Unnecessary re-renders stem from missing memoization or inefficient dependency arrays in hooks. This Skill provides useMemo and useCallback patterns, performance optimization techniques, and linting standards to prevent re-render performance bottlenecks in functional components.