Picture by @ratushny from Unsplash

Did you use some JavaScript to make your web app dynamic? That’s the common usage for this language, but there is far more waiting for you.

After reading the popular book series You Don’t Know JS by Kyle Simpson, I realised I didn’t know JS before. The JavaScript community considers this series as one of the references for the language. It’s thick but complete. This series is an invaluable (and free) ally to help you sharpen your skills.


Picture by @clark1 from Unsplash

DISCLAMER: This isn’t some free advertising for JetBrains, this is only about a developer sharing tips about IntelliJ.

Without a doubt, the most important developer tool is the development environment (called IDE).

My favourite and the one I work with every day at work is IntelliJ (Ultimate version). In this article, I’ll share with you all the tips and tricks I’ve gathered from my experience and from my colleagues. This might help you master this tool and make your work easier.

Don’t leave if you don’t use IntelliJ or even if you hate it! …


Picture by @neonbrand from Unsplash

This is part of my “React for beginners” series on introducing React, its core features and best practices to follow. More articles are coming!

<< Start over | < Previous

As you can tell from the title of this article, it’s aimed at beginners.

Actually, I started to learn React a few months ago. Reading the React documentation, open source projects, and Medium articles has helped me a lot.

Without a doubt, I’m not an expert in React. And so I read a lot about this topic. Also, building a small projects has helped me get to know React better…


Picture by @ryoji__iwata from Unsplash

Have you ever asked yourself how a framework works?

When I discovered AngularJS after learning jQuery many years ago, AngularJS seemed like dark magic to me.

Then Vue.js came out, and upon analyzing how it works under the hood, I was encouraged to try writing my own two-way binding system.

In this article, I’ll show you how to write a modern JavaScript framework with custom HTML element attributes, reactivity, and double-binding.

How does reactivity work?

It would be good to start with an understanding of how reactivity works. The good news is that this is simple. Actually, when you declare a new component in…


Picture by @nikarthur from Unsplash

Looking for a front-end framework to try out, I started with React and then tried Vue.js.

Unfortunately, I encountered a lot of issues with Vue.js at the very beginning. In this article, I’d like to share a few common issues that you may have to deal with when working with Vue.js. Some of these issues may seem obvious, but I figured that sharing my experience might help someone.

Include template compiler

My first issue was a pretty basic one. The first thing to do in order to use Vue.js is to import it. …


Picture by @igorovsyannykov from Unsplash

This is part of my “React for beginners” series on introducing React, its core features and best practices to follow. More articles are coming!

< Previous | Next >

If you know how to display a React component — that’s great. Now, let’s give our components their own data.

Disclaimer: This article focuses on React’s built-in state. Note that component state and Redux are not incompatible, as their purpose is different.

In my opinion, component state is specific to the component scope (for form completion). Besides, Redux state helps with sharing the same state among many components.

Do I need a state?

To learn states…


Photo par @goian sur Unsplash

Vous avez entendu parler de Cucumber qui, selon la légende permettrait aux personnes ayant une fibre fonctionnelle de créer des tests automatisés sans écrire de code ?

Possible, mais si l’approche BDD ne vous dit rien vous ne pourrez pas en tirer tous les bénéfices. Nous allons voir ensemble quelques bonnes pratiques à adopter pour rédiger des scénarios de tests automatisés efficaces.

Pour illustrer cet article j’ai pris comme exemple le site Le Bon Coin possède selon moi un périmètre fonctionnel suffisamment vaste.

Un premier essai

Notre but est d’écrire un scénario Cucumber pour vérifier que la recherche de voiture sur le site…


This is part of my “React for beginners” series on introducing React, its core features and best practices to follow. More articles are coming!

Next article >

Do you want to learn React without crawling the documentation (well written by the way)? You clicked on the right article.

We will learn how to run React with a single HTML file and then expose ourselves to a first snippet.

By the end, you will be able to explain these concepts: props, functional component, JSX, and Virtual DOM.

The goal is to make a watch which displays hours and minutes. React offers…


Your bundle is too big and you tried my trick to debug JavaScript in IntelliJ but it didn’t work. Actually, if the bundle is big enough, IntelliJ will tell your JavaScript file is too big and that’s true.

IO Error: com.intellij.openapi.util.io.FileTooBigException

Vendors hold the place

Your application bundle is big, but it’s not because of your code. It’s because the final bundle includes the code base and all your dependencies (aka. vendors).

There are many choices based on your project bundler and your determination to make it work.


I prefer to use IntelliJ to debug JavaScript instead of using browser tools. It’s for sure much more convenient and effective.

Let’s use projects bundled with Browserify and Webpack (no matter the framework).

First, install the JetBrains IDE Support Chrome extension. This will bind the browser debugger environment with IntelliJ in real-time.

jbardon⚡

Avid learner about web development 🔍 and writer ✍️ for sharing tips and tricks — Full-Stack Developer @SmarAdServer ➕

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store