The Uphill Battle of Memoization
Analyzes the pitfalls of React.memo and useCallback, explaining why component composition is often a better performance solution.
tkdodo.eu is the personal blog of Dominik Dorfmeister, a web developer from Vienna with a strong focus on React and TypeScript. Dominik is a co-maintainer of TanStack Query, one of the most popular async state management libraries in the React ecosystem, where he focuses on education, support, and explaining complex concepts in an approachable way. On his blog he writes in depth articles about React, TypeScript, React Query, async state management, and practical frontend patterns. Many posts are based on real questions from the community on Twitter, Stack Overflow, and the TanStack Discord, which makes the content very close to what developers struggle with in day to day work. He also helps maintain remeda, a TypeScript focused utility library, and often shows how strong typing and good tooling can make React apps safer and easier to maintain.
75 articles from this blog
Analyzes the pitfalls of React.memo and useCallback, explaining why component composition is often a better performance solution.
A comparison of Array<string> vs string[] syntax in TypeScript, arguing for the generic notation's superior readability and maintainability.
Explores using React Query for data fetching in components and compares it with React Context for state management, discussing trade-offs.
A deep dive into React Query concepts, common misconceptions, and best practices for effective data fetching in React applications.
Exploring if React Query is still necessary with the rise of React Server Components and discussing its role in modern data fetching.
React Query v5 will remove useQuery callbacks, exploring API design challenges and the rationale behind breaking changes in library development.
A React Query maintainer explains the decision-making process for adding new features, comparing modular vs holistic libraries.
A response to claims that React is dying, arguing its continued dominance due to component-driven development, JSX, and massive ecosystem.
A guide to achieving type-safety in React Query with TypeScript, covering generics and best practices for reliable type definitions.
A developer's 2022 review covering React Summit, React Query v4 release challenges, and personal tech industry experiences.
An in-depth technical look at React Query's internal architecture, including the QueryClient, caching, and rendering mechanisms.
A guide to using Zustand, a minimal state management library for React, with tips and best practices for implementation.
A guide to choosing impactful refactoring projects, emphasizing business value over cosmetic code changes.
Explains how to seed the React Query cache to optimize data fetching and avoid fetch waterfalls in React applications.
Explores React refs, events, and escape hatches to handle stale closures and mutable state without dependency arrays.
Explores how React Query and React Router 6.4's data fetching features (loaders/actions) complement each other for effective data management.
A guide to using React callback refs as an alternative to useEffect for DOM interactions like focusing elements.
A comprehensive FAQ guide addressing common questions and best practices for using React Query in modern web development.
Explains stale closures in React hooks, their connection to dependency arrays, and why the exhaustive-deps ESLint rule is crucial.
Exploring how to integrate React Query with forms, discussing server state vs client state and approaches for handling form data.