TkDodo's blog

Answering the most frequently asked React Query questions Keep reading.

Let's demystify what stale closures are in combination with react hooks with the help of the analogy of taking a photo ...

Forms tend to blur the line between server and client state, so let's see how that plays together with React Query.

Getting huge refactorings going is not an easy task, but urgency can help here.

There is a subtle difference between optional fields and required, but potentially undefined ones.

A glimpse at what v4 will bring for offline queries Keep reading.

Finding the right spot for doing a refactoring can be tricky Keep reading.

A blogpost series about patterns that have helped me succeed with refactorings Keep reading.

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

Any is not among my favourite TypeScript types, but it is the one you will inevitably encounter.

Use what React Query provides for optimal type safety Keep reading.

Learn all about the concept of performing side effects on the server with React Query.

To useState or useReducer, that is the question...

After covering the sunshine cases of data fetching, it's time to look at situations where things don't go as planned and "Something went wrong..."

Everything you need to know to make React Query your single source of truth state manager for your async state Keep reading.

Learn about the different possibilities to avoid loading spinners in React Query.

A deep dive into async functions and how they are different from promise chaining Keep reading.

Learn how to structure React Query Keys effectively as your App grows Keep reading.

A step-by-step guide on how to make real-time notifications work with react-query Keep reading.

Combine two of the most powerful tools for React Apps to produce great user experience, developer experience and type safety.

Asking the right questions is a form of art that needs to be mastered.

Let's take a look at how to efficiently test custom useQuery hooks and components using them.

How the wrong status check order can negatively impact user experience Keep reading.

An advanced guide to minimize component re-renderings when using React Query Keep reading.

Why you shouldn't rely on useMemo for guaranteed referential stability but prefer useState instead Keep reading.

Learn the possibilities to perform the quite common and important task of transforming your data with react-query Keep reading.

Innocent looking boolean parameters, or flags, are often the reason for hard to maintain legacy code.

5 things everyone needs to know about useState Keep reading.

useEffect hooks can be hard to reason about, but I have 5 principles that can help to manage them Keep reading.

How we migrated over 100k lines of code from Flow to TypeScript.

Naming is hard.

Let me share with you the experiences I have made lately with React Query.

Every software will eventually become a nightmare to maintain, unless we actively do something about it.

Part deux of the useState pitfalls series is here, showing patterns to help solve the common use-case of initializing state with a prop.

const assertions are a criminally underused TypeScript feature - learn all about them here, now Keep reading.

Accessing objects and arrays has never been safe in TypeScript, but this is about to change ...

If you know me, you know I'm no fan of Array.reduce.

Gradually migrating from JS to TS is not without difficulties - here are some tricks to smoothen the interoperability Keep reading.

Why you should never delete package-lock.json and how npm can solve the conflicts for you Keep reading.

The first part of the useState pitfalls series is all about avoiding state altogether.

Keep reading.