Articles

If you have ever created an API or a form accepting user input, you know what data validation is, and how tedious it can be. Fortunately, libraries can help us, such as Yup or Zod. But recently, I realized that these libraries allow patterns that go much farther than input validation. In this post, I’ll show you why I now use them in most of my TypeScript projects.

If you sell some products on Gumroad and also have a personal website, maybe you’d like to automatically list your products on this website. And if your website is based on Next.js, you can do it pretty easilly using Gumroad API.

Next.js has a wonderful Image component that lazy loads images and optimizes their dimensions. Here is how to use it when generating your blog from Markdown.

Vercel recently announced a new library to generate OpenGraph (OG) images. A short tutorial to see how to use it to generate OG images for your Next.js application.

The more I play with Kotlin, the more convinced I am that a combo of two of its features is vastly underrated: first, the ability to create domain-specific languages (DSL), thanks to some syntactic sugar; then, the ability to write scripts and create interpreters for them.

Following advice by successful people might not be enough. A short essay about survivorship bias, and how it can make you forget the most important ingredient to success: luck.

Using Purchasing Power Parity, you can offer a fair pricing based on your user’s location. Here I explain what it is, then I show you how I implemented it on my course’s selling page using serverless functions and a little bit of React.

Here is the story of how I built my eBooks, especially the last one. After some trial and errors, in the end, I used the same recipe as the two previous ones, and it involves a fantastic tool: Pandoc.

Redux is an awesome library to handle the state of big applications, React or not. But when you think about it, the basic features of Redux can be implemented in very few lines of code. Let’s see how.

The reason hooks cause developers to struggle is that they look simple, just basic functions, but they are a lot more complex than that. The complex logic is very well hidden in the React core, but understanding a little how they work will help you to use them at their full potential, and overcome the issues you face more easily.

Although I love React and am more used to single-page applications (SPA), I decided to leave them aside the time of a side project and to use plain old Node.js, Express, Pug, and MongoDB. And that felt good!

As a developer, you may have acquired some skills that you don’t find the time to practice. Or you may want to learn new ones, but your daily job doesn’t give you the opportunity. Side projects are an excellent way to solve these problems.

A couple of days ago, I created a 3D version for the book I’m writing, with CSS only. Because I couldn’t find an easy way to do it, I created a small 3D book image CSS generator. There was a lot of interest for it, and since it’s definitely not that complicated, here is a small tutorial to learn how to create your own version.

When twenty developers were asked to keep a precise diary of what tasks they worked on during the day minute by minute, the results were surprising. Maybe you don’t code as much as you think you do during a day…

When you’ve been working as a developer for several years, improving at coding is not enough to become better at your job. Of course, it’s a very important thing, but some soft-skills can make you not only better but one of the best. And I decided to accept the challenge: explore them and put them into a book!

It’s been some time that I hear about Flutter, the UI library by Google supposed to be a concurrent for React. I’m a huge fan of React, and on the paper Flutter has all the arguments. And that made me want to try, so last week I decided to learn Flutter by making a small iOS application.

Thanks to a recent evolution in mobile and desktop operating systems, it is more and more common for users to expect two UI themes for apps and websites: a light one and a dark one. In this article we’ll see how it is possible to offer two themes in your React application, using the one the user prefers by default.

This blog has been using Gastby for a year now. Before that I used a home-made tool I was proud of, but it was very minimalistic. Switching to Gastby was a very interesting thing to do, it’s a fantastic tool, but let’s be honest, it’s quite hard to use. I made a lot of improvements on the codebase of this blog these past few days, here is a small feedback.

Have you ever dreamed to wake up one morning and realize you felt different, more powerful. As if you had this super power inside of you that it waiting to be used. Good news: as a developer, you do have this super power.

I’ve been living in Montréal for almost two years now. I’m currently going in vacation in France to see friends and family, for the fifth time in these two years. Montréal is not that far from France. You take off on the evening, and you arrive early on the morning. (Short night though.) For the return it’s even shorter: you land only a couple hours after taking off, thanks to the time shift.

You can use everyday a library such as React, Redux or Redux-Saga. You can be perfectly efficient with it. You can be able to tell others why it is nice or not, and wether they should use it or not. But at the same time it’s possible you consider it a bit magic.

React Hooks are trully awesome, but the more I play with them the more I discover tricks, and sometimes spend a lot of time figuring out why my code doesn’t do what it is supposed to.

Big week for me: I finished writing my eBook in French about React, and I couldn’t be prouder. Eight months, and it was not easy, but it’s so worth it. In this post I wanted to expose a few thoughts about what happens when you write a technical book.

Plusieurs tweets m’ont interpelé récemment, par rapport au fait que l’écosystème JavaScript s’est dégradé, car concentré autour de plus en plus d’outils pas forcément utiles. React en prend notamment pour son grade.

Voilà quelques mois, j’étais à la recherche d’un nouveau projet personnel. Bien souvent ce type de recherche aboutit au développement d’une nouvelle application web ou mobile, mais cette fois-ci, j’ai plutôt décidé d’écrire un livre. Ce n’est pas la première fois, j’avais écrit un livre consacré à Node.js en 2013. Le projet m’avait beaucoup plu, bien que cela prenne beaucoup de temps.

Not that long ago I used Create-React-App a lot to quickly boostrap my React projects. That’s why I naturally used Reason Scripts when I wanted to use Reason-React. But even if I still understand the advantages of the approach of CRA and Reason Scripts, I recently discovered Parcel, a very minimalist bundler for web projects.

Writing reusable components in React is something every React developer care about (or should care about). Wether it’s to create a toolbox of styled components, to mutualize common behaviors, etc.

In the past few weeks I’ve become a big fan of Reason, and in particular its association to React with Reason React. And because both Reason and Reason React are really young projects, there is not a lot of tutorials, StackOverflow questions, and documentation about it yet. So beginning a new project isn’t as easy as the official website wants us think.

Remember when JavaScript was a language used to make elements change on the page when the cursor was over them? These days are over, every language evolves over time, and so does the way wa use them. Look at the code you wrote one or two years ago: do you feel ashamed? If yes, this post is for you 🙂

For about a year now, I use ProtonMail as my mail provider. If you don’t know it, you should definitively give it a look! The mails are encrypted _end-to-end_, which means that ProtonMail has absolutely no readable version of the stored emails, nor any key to decrypt them.

If you use JavaScript you probably know that recently a lot of new features arrived with ES2015 (also known as ES6): classes, const/let keywords, destructuring arrays and objects, modules and imports, etc.

Today I’m starting a new blog. I started a few blogs in the past. Personal blogs, where I talked about a lot of things. This blog is very different, here’s why.

En réponse à cet article sur Medium, voici mon retour d’expérience sur la suppression de la télé de mon quotidien. Pour commencer, je pense avoir été plus modéré dans le sens où la télé trône toujours en pièce maîtresse de mon salon, et elle est même souvent allumée. Pour regarder des films, des séries sur Netflix ou autres, mais quasiment jamais sur la « télé » au sens « chaînes de télé ».

À l’occasion du (fantastique) dernier BreizhCamp, j’ai eu le plaisir d’assister à la keynote du fondateur et ex-président de Mozilla Europe, Tristan Nitot : Pourquoi reprendre le contrôle de nos données.

Ces derniers temps j’ai entendu plusieurs fois que des développeurs passionnés considéraient le développement comme un art. Par exemple, le manifeste de l’artisan développeur parle de “recherche du beau”, par opposition avec ceux considérant le code uniquement dans un processus industriel.