Full list of posts
2025
3 min read • Posted on January 1, 2025#react #news
@blocz/react-responsive v4 was just released. Let’s go through all the different features and changes added by this new major version
2024
2 min read • Posted on December 23, 2024#javascript #websocket
Tools like Sentry or Datadog provide amazing monitoring tools for a lot of requests, but not for WebSockets. Why is that and can we find a way to still monitor WebSockets?
2023
5 min read • Posted on July 25, 2023 (Edited on Oct 10, 2023)#javascript #unicode
UTF is tricky: the length of a string can mean a lot of different things based on whether you want the number of code points, code units, and graphemes. What are the differences, and how can we navigate through those using JavaScript?
4 min read • Posted on April 11, 2023#typescript #javascript #news
TypeScript 5.0 is out and introduced a new compilation option: `moduleResolution: bundler`, let’s see how we can use it
4 min read • Posted on January 30, 2023#css #webdev
When writing CSS selectors, they sometimes don’t seem to be following the order of the code. Indeed they don’t: they also follow the specificity of each selectors. But what is the specificity and how does it work?
1 min read • Posted on January 26, 2023#css #tip
A tiny list of websites to learn CSS while playing interactive games
2 min read • Posted on January 17, 2023 (Edited on Jan 23, 2023)#html #webdev #fundamentals #css
Is there a difference in CSS between `:before` and `::before`? Which one is valid? What about similar syntaxes like `:hover` and `::first-child`?
4 min read • Posted on January 16, 2023#webdev #css #javascript
In my previous articles about Light/dark mode, I made a few mistakes, or forgot to mention some elements
2022
2 min read • Posted on October 6, 2022#css #webdev
Classical cross-fades in CSS using opacity don’t properly animate the opacity of elements, making them less opaque then needed. This article will show you how to achieve a proper cross-fade in CSS.
2 min read • Posted on September 25, 2022 (Edited on Nov 21, 2022)#typescript #news
TypeScript 4.9 is out and introduced a new operator: `satisfies`, let’s see how we can use it
4 min read • Posted on September 5, 2022 (Edited on Jan 22, 2023)#javascript #react #parcel #bundler
A comparison between Create-React-App & Parcel when building a React single-page-app
2 min read • Posted on July 14, 2022#npm #versioning
The semver’s spec mentions a group called “buildMetadata”. If you’ve never heard of this before, you’re not alone
2021
5 min read • Posted on September 5, 2021 (Edited on Jan 24, 2025)#yarn #tip
Yarn comes with a lock file `yarn.lock` that isn’t made for human to edit it. But sometimes you need to do a specific edit in it (like dropping a specific package). This article highlights a few different ways to do so
2 min read • Posted on July 27, 2021 (Edited on Sep 5, 2021)#yarn #tip
Yarn comes with a lock file `yarn.lock` that isn’t made for human to read it. But when using the tool, you sometimes need to go through it to be able to understand it (specially when reviewing PRs)
5 min read • Posted on June 24, 2021 (Edited on Jan 16, 2023)#webdev #css #react #javascript #deep-dive
After building a few different ways of creating light/dark modes for your websites, either in plain CSS, or with a bit of vanilla CSS, we need to tackle the topic of React websites. While most of the core will be the same as previously seen, React requires a few custom bindings for its particular life-cycles & data flow
2 min read • Posted on June 1, 2021 (Edited on Jan 15, 2023)#webdev #css #javascript
When manually handling the theming of your website, you may run into a flicker at the page load from white to black. This is because your JavaScript takes some time to boot and to apply the dark mode. Let’s see how we can fix that
4 min read • Posted on May 31, 2021 (Edited on Jan 16, 2023)#webdev #css #javascript
In all my past articles, I showed either how to create a light/dark mode following your users system without JavaScript, or how to create a light/dark swatch for your website using JavaScript but without system mode. It is time to see how to reconcile those 2 approaches
2 min read • Posted on May 30, 2021 (Edited on Jun 24, 2021)#webdev #css
Handling light/dark mode on your websites don’t have to be complex. A few lines of CSS to declare a few CSS variables can be all you need!
2 min read • Posted on May 30, 2021 (Edited on Jan 15, 2023)#webdev #css #javascript
In this article, we’ll see how we can implement the logic to switch back & forth between light/dark mode
2 min read • Posted on May 29, 2021 (Edited on Jan 16, 2023)#webdev #css
Let’s see how we can build a dark-mode compatible website, following your user’s system preferences, with 1 line of CSS
2 min read • Posted on May 9, 2021#react #webdev
This short article focuses on when to use raw CSS vs React bindings when working with responsive designs
3 min read • Posted on March 12, 2021#react #news
@blocz/react-responsive v3 was just released. Let’s go through all the different features and changes added by this new major version
2020
2 min read • Posted on August 21, 2020#react #dom
You sometimes needs to have access to the underlying HTML elements in React. This short article is here to help you navigate this problem
1 min read • Posted on August 18, 2020#react
Migrating class components to hooks can be difficult. There is no official guideline to help you migrate to them. This article will list the major advices you may want to follow during those migrations
6 min read • Posted on May 3, 2020#react
This article is an applied example of how I migrated the library `react-only` from classes to hooks
