React Web Development Standards

When writing or reviewing React web application code, follow these principles.

Stack

• UI framework: React with TypeScript (strict mode, no any)
• Styling: Tailwind CSS + shadcn/ui primitives
• Routing: TanStack Router (file-based route tree, loaders, auth guards)
• State: Zustand for client state, router loaders for server state
• Build: Vite

Component Guidelines

One Component Per File

Each file exports one React component. File name matches the component name: MessageRow.tsx exports MessageRow.

When a component has sub-components used only by it, group them in a folder: