agentic-jumpstart-performance

To optimize a slow TanStack Start and React 19 app, apply code-splitting with lazy loading, strategic memoization, and prefetching to reduce initial bundle size and prevent unnecessary re-renders.

The best way to reduce initial bundle size in a Vite project is implementing code-splitting with lazy loading, which defers loading non-critical components until needed, speeding up time-to-interactive.

Yes, this guidance ensures compatibility with TanStack Query and Drizzle ORM, providing specific prefetching and caching strategies to improve perceived performance for data fetched through these tools.

To prevent unnecessary re-renders in React 19 dashboards, apply strategic memoization patterns to heavy components and costly computations, ensuring the UI maintains snappy performance under load.

Use prefetching for data fetching in React when you need to improve perceived performance for data-heavy dashboards, allowing TanStack Query to cache data before the user navigates to a route.

You can measure and evaluate React app performance by following the provided guidance on measurement and evaluation criteria, ensuring your lazy loading and memoization patterns deliver tangible performance gains.