Tag
Reactjs
Every article tagged Reactjs across the Atmosphere.
70articles
Articles
Publications
TanStack Router and Query
TanStack Router has a built-in cache, so why would we need TanStack Query? There are, of course, reasons ...ReactJsTanStack Router
Test IDs are an a11y smell
Users don't use data-testid, so why do your tests?Design SystemTesting
Creating Query Abstractions
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 ...ReactJsReact Query
Building Type-Safe Compound Components
Compound Components are great, but should be type-safe. No, this isn't about the children prop ...Design SystemAPI Design
Designing Design Systems
I want to write more about what makes a good design system. This is the unstructured list of principles I think matter.Design SystemAPI Design
Omit for Discriminated Unions in TypeScript
Why TypeScript’s built-in Omit breaks discriminated unions, and how a distributive version preserves them.TypeScriptReactJs
Tooltip Components Should Not Exist
A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences.ReactJsDesign System
Context Inheritance in TanStack Router
An overview of how TanStack Router automatically shares and infers path params, search params, and context between nested routes in a type-safe way.ReactJsTanStack Router
Deriving Client State from Server State
How to use derived state in React to keep client state and server data aligned without manual sync or effects.ReactJsReact Query
React Query Selectors, Supercharged
How to get the most out of select, sprinkled with some TypeScript tips.ReactJsReact Query
The Useless useCallback
Why most memoization is downright useless...ReactJsJavaScript
The Beauty of TanStack Router
Yes, it's type-safe, but there's so much more to love about TanStack Router.ReactJsTanStack Router
Concurrent Optimistic Updates in React Query
How to build optimistic UI that is resilient to race conditions, even when multiple mutations update the same entity concurrently.ReactJsReact Query
React Query - The Bad Parts
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. No library is perfect; every choice involves trade-offs. By the end of this talk, you'll have a better understanding of React Query's limitations and why it remains a compelling choice despite them.ReactJsReact Query
Ref Callbacks, React 19 and the Compiler
Reflecting on useCallback, how the Compiler changed my thinking about it, and what React 19 has in store for Ref Callbacks...ReactJsJavaScript
React Query API Design - Lessons Learned
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. You'll hear stories about things that went well, but also about tradeoffs and mistakes that were made, and what lessons we can all learn from those.ReactJsReact Query
Component Composition is great btw
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.JavaScriptTypeScript
How Infinite Queries work
A serious bug report about infinite queries led me to question it's architecture, but it all turned out fine in the end ...ReactJsReact Query
React 19 and Suspense - A Drama in 3 Acts
React 19 is a very promising release - but there's something not quite right yet with suspense...ReactJsReact Query
Automatic Query Invalidation after Mutations
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.ReactJsReact Query
Zustand and React Context
Zustand stores a global and don't need React Context - but sometimes, it makes sense to combine them regardless.ReactJsReact Context