react-development

Use React's built-in hooks: useState for local state, useContext and useReducer for global state management, and useCallback/useMemo for performance optimization. Context-driven patterns eliminate the need for external state libraries in most applications.

Structure components functionally using hooks (useState, useEffect, useContext, useReducer), apply memoization with useMemo and useCallback, separate concerns with custom hooks, and manage side effects through useEffect patterns. This approach scales from single-page apps to reusable component libraries.

Replace class lifecycle methods with useEffect for side effects, useState for state, and useRef for instance variables. Map componentDidMount, componentDidUpdate, and componentWillUnmount to useEffect dependency arrays; use useContext to replace context.Consumer patterns.

React testing patterns cover unit and integration testing through hooks testing, context validation, and effect verification. The Skill provides patterns for testing components, hooks, and state management; external frameworks integrate with these core patterns.

Apply memoization with useMemo and useCallback to prevent unnecessary re-renders, implement code splitting for lazy loading, use virtualization for large lists, and optimize context selectors. These patterns reduce bundle size and improve rendering efficiency.

Combine useState for form state, useEffect for side effects like API calls, useReducer for complex form logic, and useContext for sharing fetched data across components. Patterns cover form submission, validation, loading states, and error handling.