Articles

I write about what I learn: programming, productivity, but mostly anything that comes to my mind.

• 📄 A better learning path for React with server components (May 26, 2023)
  What if we took advantage of React Server Components not only to improve how we use React, but also how we help people learn it from the beginning?
  …
• 📄 Display a view counter on your blog with React Server Components (April 24, 2023)
  A short tutorial with a cool use case for React Server Components, Streaming and Suspense with Next.js: adding a view counter on a blog, calling the Plausible analytics API.
  …
• 📄 Using Zod & TypeScript for more than user input validation (March 8, 2023)
  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.
  …
• 📄 Display your Gumroad products on your Next.js website (February 26, 2023)
  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.
  …
• 📄 Use Next.js Image component in posts with Markdown (February 19, 2023)
  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.
  …
• 📄 Create OG images for your blog with Next.js (November 7, 2022)
  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.
  …
• 📄 Combining scripts and DSLs is Kotlin’s most underrated feature (March 23, 2022)
  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.
  …
• 📄 Walk in the steps of successful makers, and fail (March 5, 2022)
  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.
  …
• 📄 Purchasing Power Parity: fair pricing for your SaaS product (February 22, 2021)
  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.
  …
• 📄 How I use Pandoc to create programming eBooks (January 21, 2021)
  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.
  …
• 📄 Reimplement Redux with vanilla React in 12 lines of code (January 11, 2021)
  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.
  …
• 📄 Understand how React hooks work (January 3, 2021)
  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.
  …
• 📄 Back to basics with Node.js and Express, the time of a side project (November 9, 2020)
  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!
  …
• 📄 Why you should have side projects (October 12, 2020)
  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.
  …
• 📄 Create an animated 3D book in CSS, step by step (July 23, 2020)
  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.
  …
• 📄 On distraction and developer productivity (July 7, 2020)
  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…
  …
• 📄 I’m writing a new book: Become an Outstanding Developer (May 12, 2020)
  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!
  …
• 📄 I tried Flutter for a week and made an app (April 20, 2020)
  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.
  …
• 📄 Create a React hook to add dark theme to your app (October 14, 2019)
  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 is proudly powered by Gatsby (with some super powers) (September 25, 2019)
  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.
  …
• 📄 Beginner Guide to Deep Work for Developers (September 17, 2019)
  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.
  …
• 📄 One year as a morning person (August 17, 2019)
  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.
  …
• 📄 Lost with Redux and sagas? Implement them yourself! (August 3, 2019)
  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: get the current state, back to the future (February 19, 2019)
  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.
  …
• 📄 So I wrote a technical book 😁 (February 14, 2019)
  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.
  …
• 📄 Est-il utile d’apprendre React ? (October 3, 2018)
  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.
  …
• 📄 Pourquoi j’écris un livre sur React ? (September 25, 2018)
  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.
  …
• 📄 Bootstrap a Reason-React project with Parcel (March 7, 2018)
  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.
  …
• 📄 Create reusable high-order React components with Recompose (January 22, 2018)
  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.
  …
• 📄 Create a simple and tested Redux-like app with Reason React (August 24, 2017)
  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.
  …
• 📄 Writing modern JavaScript code (May 17, 2017)
  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 🙂
  …
• 📄 Play with cryptography with OpenPGP.js (November 16, 2016)
  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.
  …
• 📄 Use the coolest ES6 features everywhere (November 2, 2016)
  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.
  …
• 📄 A new blog, a new blog management system (October 27, 2016)
  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.
  …
• 📄 Vivre sans télé, c’est possible ? (Spoiler : oui) (September 15, 2015)
  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é ».
  …
• 📄 Comment j’ai l’intention de reprendre le contrôle de mes données (August 6, 2015)
  À 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.
  …
• 📄 Bien développer est-il un art ? (May 1, 2015)
  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.
  …