Go to main content
Search by topics
Javascript Typescript React Infrastructure Web API Performance Animation Under the hood CSS
May 14, 2024

Under the hood: Exploring Polyfication's Journey with core-js

Polyfication is at the heart of ensuring seamless compatibility of JavaScript code across environments. Under the hood, core-js dynamically determines which polyfills are needed to augment features not supported by browsers. This behind-the-scenes magic allows developers to write modern JavaScript code with confidence, knowing that it will perform consistently across platforms.

January 20, 2024

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.

December 5, 2023

Better developper experience with full typesafe helper functions

When you build a library, you want your code to be fully type safe and provide to developpers the best experience possible. Unfortunately, sometimes it can be tricky to provide this full type safety. Let's see a tip to do it with an example.

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.

June 28, 2023

Serverless function cold start is too slow, let's dockerize our app

In an application I built, I couldn't use edge function. Unfortunately, serverless function are so slow to start that I decided to dockerize my application and deploy it on my server.

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.

February 8, 2023

Master the Art of Navigation: Building a Library with the Navigation API

Now that we know what is the navigation API. Let's build a routing library agnostic of every framework.

December 19, 2022

Back to the future: Navigation API

The new navigation API is coming. Ryan Florence said in a github issue that it will help to a better implementation for `react-router`. Let's explore this new API.

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.

July 26, 2022

Javascript CLI demystified

I'm sure you use javascript CLI every day. For example, when using `eslint`, `prettier`, ... But do you know how to make your own js CLI and how it works?

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 20, 2022

Proxy in JS: what the hell?

I am sure you are confident with object. But do you know that you can proxify them to intercept when a property is called to execute some custom code. Let's see what it is? How to use it? And some libraries that use it.

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.

February 9, 2022

preventDefault vs stopPropagation

Do you always use `preventDefault` and `stopPropagation` because you don't the difference? Let's see what is the role of each one.

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 :)

January 12, 2022

Unknown console API in JS

If you only use `console.log`, do you know the other console methods which can make better logging? Let's see them.

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?

December 22, 2021

CSS clip-path, what the heck?

Sometimes, you would like to store some data in the browser. Here is the Web Storage API that can make you happy. But what is it? And how to use it?

November 24, 2021

Web Storage API: localStorage and sessionStorage

Sometimes, you would like to store some data in the browser. Here is the Web Storage API that can make you happy. But what is it? And how to use it?

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?

October 27, 2021

JS Symbol, what the heck?

Symbol in javascript is something that is not well known but is still used without us knowing it. Let's take a look at it.

October 6, 2021

var, let, const: what's the difference?

Daily, you probably use `var`, `let` or/and `const`, but do you the differences between them? It's the subject of this article.

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.

August 4, 2021

Let's explore javascript's Location and History API

The goal is to understand how works the Location and History API to implement a `react-router` library like.

July 14, 2021

Let's do some animations in native Javascript

If you wonder how to do some animations in javascript, it was the same for me. In this article, I present you what I discovered.

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.

February 9, 2021

Debounce vs throttle

In this article, we are going together how to use the functions throttle and debounce and how to implement them.

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.

December 22, 2020

Javascript memoization

In this article, we are gonna explore how to do memoization in javascript.

December 19, 2020

Different types of equality in Javascript.

It exists different types of equality which are used in different cases. Let's explore them together.

November 28, 2020

How does Redux works?

Let's explore together in this article, the well known library Redux, to see its implementation