Jérémy Bardon

Fullstack developer blog

You'll find many articles about web developement, often about topics I encountered at work. Most of them are published on Medium but also on independent websites such as FreeCodeCamp and InDepth.
image

Unexpected issue during concatLatestFrom migration

Published on Jul. 20235 min read
Migrate from RxJS withLatestFrom operator to NgRx concatLatestFrom operator with ease. Avoid silly issues by checking your codebase first and saving time following my pieces of advice.
Read more →
image

🎧 Reusing Code in Your Angular Apps

Published on Jul. 202146 min listen
Podcast about my article on advanced features in Angular with Material tree. We discuss about code reusability, Angular documentation and learning curve.
Read more →
image

Craft a complete GitLab pipeline for Angular. Part 2

Published on Jun. 202114 min read
Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This second article focuses on deployment using two methods involving GitLab Registries and Pages. You'll also find docker jobs optimization tips using custom images.
Read more →
image

Learn advanced Angular features: build the Material tree

Published on Mar. 202110 min read
Learn about ng-content, ng-template, ContentChild and structural directives to build Angular material "mat-tree". These are badly documented but powerful and advanced concepts available in Angular.
Read more →
image

Craft a complete GitLab pipeline for Angular. Part 1

Published on Nov. 202011 min read
Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This first article introduces Gitlab pipelines. At the end, you'll get a pipeline fetching project dependencies and running build and tests. It comes with many optimizations and reports integration in merge requests.
Read more →
image

Make NgRx hold Business Logic: Dumb components, Smart store

Published on Aug. 20208 min read
Our team “moved everything” - including the business logic into NgRx. Follow our journey and learn why the whole team is still happy with this important choice.
Read more →
image

How to Handle Timezones and Synchronize Your Software with International Customers

Published on Apr. 20209 min read
When you develop some software you may not think about timezones at first. Unless you live in a country which has to deal with multiple time zones, such as the United States or Russia.
Read more →
image

Create your Standalone Angular Library in 10 minutes

Published on Mar. 20207 min read
In this article, you'll learn how to create a library with Angular CLI. Besides, we'll explore how to publish a library and talk about dependencies linking and peer dependencies.
Read more →
image

You Might Not Know JS: Insights From the JavaScript Bible

Published on Dec. 201815 min read
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.
Read more →
image

How to Master IntelliJ to Boost Your Productivity

Published on Oct. 20186 min read
Without a doubt, the most important developer tool is the development environment. In this article, I’ll share with you all the tips and tricks I’ve gathered from my experience and from my colleagues.
Read more →
image

The beginner’s collection of powerful tips and tricks for React

Published on Aug. 20189 min read
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. Along the way, I’ve adopted some best practices — and I want to share with you here.
Read more →
image

How to Improve Your JavaScript Skills by Writing Your Own Web Development Framework

Published on Jul. 20187 min read
Have you ever asked yourself how a framework works? When I discovered AngularJS after learning jQuery, AngularJS seemed like dark magic to me. In this article, I’ll show you how to write a modern JavaScript framework with custom HTML element attributes, reactivity, and double-binding.
Read more →
image

Common mistakes to avoid while working with Vue.js

Published on Apr. 20186 min read
Looking for a front-end framework to try out, I started with React and then tried Vue.js. 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.
Read more →
image

How to Bring Reactivity into React with States

Published on Mar. 20186 min read
If you know how to display a React component — that’s great. Now, let’s give our components their own data. This article focuses on React’s built-in state. Note that component state and Redux are not incompatible, as their purpose is different.
Read more →
image

🇫🇷 Ajoutez plus de fonctionnel dans vos scénarios de test Cucumber

Published on Feb. 20184 min read
Vous avez entendu parler de Cucumber pour créer des tests automatisés sans écrire de code ? Nous allons voir quelques bonnes pratiques pour rédiger des scénarios de tests automatisés efficaces. Pour illustrer, j’ai pris comme exemple le site Le Bon Coin qui possède un périmètre fonctionnel suffisamment vaste.
Read more →
image

A quick guide to learn React and how its Virtual DOM works

Published on Feb. 20185 min read
Do you want to learn React without crawling the documentation (well written by the way)? You clicked on the right article. By the end, you will be able to explain these concepts: props, functional component, JSX, and Virtual DOM.
Read more →
image

How To Reduce Enormous JavaScript Bundles Without Effort

Published on Jan. 20182 min read
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.
Read more →
image

Stop Painful JavaScript Debug and Embrace Intellij with Source Map

Published on Jan. 20182 min read
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).
Read more →
image

🇫🇷 Comment débugger efficacement votre projet AngularJS

Published on Jan. 20182 min read
Lorsque l’on cherche la raison d’un bug, on choisi souvent d'afficher un message dans la console parce que c’est facile. Quand j’ai commencé à travailler sur une webapp AngularJS, je me suis dit qu’il y existait forcément une solution intégrée au framework pour faire du debug efficacement.
Read more →