Tanstack Router: Harnessing TypeScript's Power for Revolutionary Routing
Explore how @tanstack/router transforms web development with its full type-safe approach. Learn about its innovative use of interfaces and 'declare module', ensuring a perfectly tailored routing experience based on your project's configuration.
October 31, 2023
Slider sorcery: Unleashing Image Comparison Component Magic
This component simplifies comparisons across different scenarios, allowing for easy highlighting of distinctions. You'll master its implementation effortlessly by the end of this article.
April 5, 2023
React routing library with Navigation API
It's now time to connect the agnostic routing library that uses the navigation API to React.
November 16, 2022
React Hook Form: a unique implementation
Forms are used everyday. Some library exists to improve both user and developper experience. `react-hook-form` is one of this library focusing on performance. Let's deep dive to this library.
June 29, 2022
Exit animation with `framer-motion` demystified
Animation has their own implementation to deal with exit animation, because React do no allow to delay the unmounting of components. The `framer-motion` API seems to me to be the most natural one. Let's see the amazing implementation of exit animation with this library.
June 1, 2022
Virtualization with fixed size items (part 1)
Have you performance issue because you have to many items in a list on your page? Let's see how to fix that thanks to virtualization.
May 11, 2022
useEvent: the new upcoming hook?
Did you often transform React state to React ref not to re-create a new reference of your listener which is wrapped with useCallback because passed to a memo component. It happens to me so often, a new rfc for a new hook named useEvent has been opened by React that should make you happy :)
April 6, 2022
useImperativeHandle: the most unknown React hook
Now that React ref has no secret for you, we can look at the useImperativeHandle hook that allows use to expose function to its parent thanks to its reference and inverse the unidirectional data flow.
March 9, 2022
Things you need to know about React ref
React state are often overused because React ref are misunderstood. You will see what they are and when to use them. Do not use state when it's not useful anymore.
February 23, 2022
Things you need to know about React state
You probably used to use state, but do you that you can lazy init it, update state with a callback, ... You will see from the fundamentals to more advanced things.
January 26, 2022
When to use useCallback?
Are you wondering when to use `useCallback`? I propose you my vision about it. And of course how it's implemented :)
December 29, 2021
use-context-selector demystified
In the React context performance I talked about the `use-context-selector`, but how does it work under the hood?
November 10, 2021
React context, performance?
React context is used by many libraries such as `react-router`, `react-query`, ... But what is it? How do we use it? What about the performances?
September 22, 2021
react-router v6 demystified (part 3)
In this last article, we continue the exploration of the `react-router` code and our implementation.
September 1, 2021
react-router v6 demystified (part 2)
In this second article, we will focus on understanding how is implemented `react-router` v6, and make a simpler implementation.
August 17, 2021
react-router v6 demystified (part 1)
In this first article, we are going to see the main differences in the API of `react-router` v6 compared to the previous version.
June 30, 2021
How to manage internationalization in React? react-intl like
Let's explore how to implement internationalization with React to make your application understandable by everybody.
June 12, 2021
React event listeners demystified
Let's go deep in the React implementation to know event listeners are handled.
January 21, 2021
Prevent useless re-render
It can happen that performances are degraded. One of the possible reason can be that you have useless re-render. We are gonna focus, in this article, to see how to prevent useless re-render.
January 4, 2021
How does Reselect work?
Let's look closely the code of the library Reselect, which handle memoization of Redux (and others) selectors.
November 28, 2020
How does Redux works?
Let's explore together in this article, the well known library Redux, to see its implementation