React with TypeScript

Build production-ready React applications using TypeScript with modern patterns and best practices.

Instructions

1. Always use TypeScript - Define proper types for props, state, and API responses
2. Prefer functional components - Use hooks over class components
3. Follow component composition - Build small, reusable, single-responsibility components
4. Implement proper error boundaries - Wrap critical UI sections
5. Use React 18+ features - Concurrent features, Suspense, transitions when appropriate

Component Patterns

Basic Component Structure

import { useState, useCallback } from 'react';