A tutorial on how to load GitHub Gists from inside markdown pages of a NextJS blog — Introduction All my blog posts are available on my personal website. Under the hood, they are saved as markdown files. It allows me to easily write the posts, but when I’m cross-posting on other platforms, I don’t have the luxury to get the syntax highlighting and the right colors for the…

From custom-made code to powerful libraries — Introduction When we create a React application, there are a lot of chances you will have to fetch data from a remote server. Depending on your project, you will probably have to make simple calls or use advanced techniques to get your data cached or up to date. In this blog…

Start a Core Web Vital Real User Monitoring on Google Analytics — Core Web Vitals are a set of well-known metrics used to measure your website performance. It’s often the entry point to investigating what is wrong with someone’s website and measure the progress made optimizing the overall speed and stability. Some of you (or your clients or employers) might not have…

Demystifying the way to create a simple, customisable and accessible popin system with React — Concerns about existing systems There are plenty of popin systems out there, but they usually don’t meet the high-quality requirement I have on user interfaces and development simplicity. When I’m adding a popin into a website, it is important to me that the system is: Simple to use: as a developer, I don’t want…

How to connect a Discord bot and Home Assistant to manage a connected home — A bit of context I’ve been using Home Assistant for a while to manage my connected home. Home Assistant or Hass is a Python based application I have installed on a Raspberry Pi and which is able to connect. …

The things that changed for me when switching from web applications to native applications — I’ve recently started working on an Android application, and as a React developer, I made the easy choice to use and test React Native to do so because it helped me stay in my comfort zone and also gives me the opportunity to explore iOS someday. Even if it is…

Based on my experience acquired building several big projects — When we first develop a React app, we can just put every component in a folder and it works. But when it comes to larger projects, it might be difficult to find our way between files if we keep using React this way. So how can we handle a bigger…

Using the Redux DevTools extension — Some time ago, I shared how I dropped Redux for the Context API when I’m creating a React application. …

My experience on how to succeed them — tl;dr: Imagine your resolution for the next year, make little steps and start them whenever you feel ready. At the beginning of last year, I made a few resolutions with a goal: to start becoming a better myself. …