tanstack-start-react-best-practices

What problem does it solve?

This Skill provides a structured, repeatable approach to optimizing TanStack Start and React applications. It consolidates performance patterns into accessible guidance to prevent common bottlenecks during development, review, or refactoring.

Core Features & Use Cases

• Guided patterns to eliminate waterfalls in loader data fetching by parallelizing independent calls and using deferred data.
• Bundle optimization and code-splitting strategies: avoid barrel imports, lazy load routes, and preloading payloads where appropriate.
• Scoping server/client performance improvements for production-grade apps, including best practices for new routes or refactors.

Quick Start

Use this skill to begin optimizing a TanStack Start React app. Start by identifying bottlenecks in a route, enable async-parallel and bundle-lazy-routes where appropriate, then verify with typecheck and performance measurements.