TkDodo's blog

Prefetching in route loaders is great, but comes at a cost.

TanStack Router has a built-in cache, so why would we need TanStack Query?

Let's take a look at why the common, horizontal code structure is not ideal, where it breaks down, and what we can do about it.

Users don't use data-testid, so why do your tests?

Building reusable abstractions on top of libraries that rely on type inference can be deceptively difficult, which is why we need better ways to build those abstractions ...

Compound Components are great, but should be type-safe.

A retrospective on what has happened for me in 2025 Keep reading.

I want to write more about what makes a good design system.

Why TypeScript’s built-in Omit breaks discriminated unions, and how a distributive version preserves them.

A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences.

An overview of how TanStack Router automatically shares and infers path params, search params, and context between nested routes in a type-safe way.

How to use derived state in React to keep client state and server data aligned without manual sync or effects.

How to get the most out of select, sprinkled with some TypeScript tips.

Why most memoization is downright useless...

Yes, it's type-safe, but there's so much more to love about TanStack Router.

How to build optimistic UI that is resilient to race conditions, even when multiple mutations update the same entity concurrently.

A brief story of how I got into Open Source Keep reading.

A retrospective on what has happened for me in 2024 Keep reading.

In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit.

Reflecting on useCallback, how the Compiler changed my thinking about it, and what React 19 has in store for Ref Callbacks...

A brief reflection on the platform and how I plan to continue with it...

In this talk, React Query maintainer Dominik will walk us through some of the API design choices that were made in React Query to get to that DX.

Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.

A serious bug report about infinite queries led me to question it's architecture, but it all turned out fine in the end ...

There's a new state manager in the game, and it ticks all my boxes ...

Why you probably shouldn't be adding index.ts files everywhere Keep reading.

React 19 is a very promising release - but there's something not quite right yet with suspense...

Even though there is nothing built into React Query, it doesn't need a lot of code to implement automatic query invalidation in user-land thanks to the global cache callbacks.

Zustand stores a global and don't need React Context - but sometimes, it makes sense to combine them regardless.

Avoiding hydration mismatches can usually be done in two ways - suppressing the warning or spawning an effect.

v5 brought a new, powerful API, especially if you're using React Query with TypeScript...

A retrospective on what has happened for me in 2023 Keep reading.

Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...

Exploring why React.memo shouldn't be your first choice for performance optimizations Keep reading.

is string[] really better than Array?

Can it make sense to combine React Query with React Context ?

In this talk, we will learn how a different mindset can help us understand React Query and work with it efficiently.

React Query is a great library, but like any tool, you should choose it for the right problem Keep reading.

Why good API design matters, even if it means breaking existing APIs in the face of resistance.

An outline of the questions I try to ask myself before adding new features Keep reading.

Finishing my train of thought about why React is here to stay (for now).

About the difference between "having types" and "being type-safe"...

A retrospective on what has happened for me in 2022 Keep reading.

Taking a look under the hood of React Query Keep reading.

Let's dive into some tips for working with Zustand - one of my favourite client state management libraries in React.

Why not every refactoring is worth doing...

With suspense for data fetching on the horizon, it is now more important than ever to make sure your cache is seeded properly to avoid fetch waterfalls.

Refs can provide a way to sidestep dependency arrays without violating any rules, and the proposed useEvent hook might make working with functions and effects a lot easier...

React Query and React Router are a match made in heaven.

Interacting with DOM nodes doesn't necessarily need useEffect Keep reading.