Blog / 4 posts

Notes on React, TypeScript & the web

Thoughts, tutorials, and insights about React, TypeScript, and modern web development.

  1. Latest

    Simplify TanStack React Query State Handling with Pattern Matching

    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.

    7 min read #Tanstack Query#React

  2. Visualizing React re-renders for educational purposes

    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.

    2 min read #Performance#Debugging#Development Tools

  3. Memoizing components in React: a case for useMemo

    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.

    8 min read #Performance#React#Optimization

  4. Why you need a custom context provider

    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.

    5 min read #Performance#Context Api#React