React Feature Development

Overview

TDD workflow for React features using Vitest + testing-library. User-centric testing with MSW for API mocking.

Core principle: Test what users see and do, not implementation details.

When to Use

• Adding a new page or feature module
• Building reusable components
• Creating custom hooks
• Implementing forms, data fetching, or state management

Feature Module Structure