React Best Practices (TanStack Start Edition)

Comprehensive performance optimization guide for React and TanStack Start applications. Contains 45+ rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Customized for TanStack Start with server functions, Router SSR Query integration, and project-specific patterns.

When to Apply

Reference these guidelines when:

• Writing new React components or TanStack Start routes
• Implementing data fetching (server functions, Router SSR Query, TanStack Query)
• Reviewing code for performance issues (waterfalls, bundle size, re-renders)
• Refactoring existing React/TanStack code
• Optimizing bundle size, load times, or SSR performance
• Working with route loaders (createFileRoute, loader)
• Creating server functions (createServerFn)

Project-Specific Context