React Pitfalls Common pitfalls and correct patterns for React development. When to Use - Building React components - Implementing form validation - Adding error boundaries - Ensuring accessibility (a11y) - Creating responsive layouts - Reviewing React code Workflow Step 1: Check Component Patterns Verify loading/error states and data checks. Step 2: Verify Form Validation Ensure Zod schemas and proper error display. Step 3: Check Accessibility Verify ARIA labels and keyboard navigation. --- Component Patterns Error Boundary Form Validation Responsive Layout Accessibility (a11y) Quick Checklis…