industrial dump truck in construction site

Jenna Smith with some pretty solid UX advice as it relates to loading states:

Rather than designing another loading state, I improve the preload strategy until the issue disappears entirely.

She points to Route Transitions and preloading data as solutions that get closer to pages that load everything at once, like a default website, while still keeping the SPA approach (assuming you actually need that).

Route transitions don’t eliminate loading, but they do give us a way to move it back to where I personally believe it belongs… at the app level rather than the component level.

Interested in TanStack?

Master.dev logo

Learn to build production-ready apps with TanStack from Adam Rackis. Explore the full ecosystem, from Router to Start to Query, while leveraging server-side rendering, type-safe routing, caching strategies, and React Server Components. Walk away with the skills to ship high-performance full-stack React apps.

  • Personalized Learning
  • Industry-Leading Experts
  • 24 Learning Paths
  • Live Interactive Workshops

20% Off

Start Learning Today →