Thoughts, tutorials, and insights about React, TypeScript, and modern web development.
How pattern matching can help elegantly handle different states (loading, error, success, empty) of TanStack React Query, making your components cleaner and more type-safe.
Learn how to build a custom debug component that visually highlights when React components re-render. This powerful technique helps identify performance bottlenecks and understand React's rendering behavior.
React.memo is often used to optimize component rendering, but useMemo offers more control and transparency. This article explains why useMemo could be a solution too to memoize components in React applications until the React Compiler take care of it for us.
Naked Context providers can be a killer for performance. In this article, we will explore why Custom Context providers have a positive impact and should be the default when using the Context API.
