GitHub Copilot React Guidelines

# GitHub Copilot React Configuration

## Component Patterns
When I write React components:
- Use TypeScript with proper interfaces
- Prefer functional components with hooks
- Follow the single responsibility principle
- Include proper prop types

## Example Structure
```tsx
interface ButtonProps {
  label: string;
  onClick: () => void;
  variant?: 'primary' | 'secondary';
  disabled?: boolean;
}

export function Button({ 
  label, 
  onClick, 
  variant = 'primary',
  disabled = false 
}: ButtonProps) {
  return (
    <button
      className={`btn btn-${variant}`}
      onClick={onClick}
      disabled={disabled}
    >
      {label}
    </button>
  );
}
```

## Hooks Usage
- useState for local state
- useEffect for side effects
- useMemo for expensive calculations
- useCallback for stable callbacks

## Testing Preferences
- Use Vitest for testing
- React Testing Library for component tests
- Test behavior, not implementation