One of the things I take pride in is writing simple, easy to follow, and clean code. My peers and clients appreciate the fact that I can write code in a way that the next person is able to understand what I am trying to convey.

This makes my work a lot more usable and makes it easier for future programmers to be onboarded into the product I worked on.

I want to share with you some principles I keep in the back of my mind when writing code.

The moment when I increased my understanding of JavaScript the most was when I started to use the debugging tools in my browser more efficiently.

When teaching JavaScript, I am surprised at how little developers seem to know about debugging or how to debug their code in a way that makes sense.

This guide will provide some of the tricks I use to quickly find out what is wrong with my code, or how to find out what is actually happening in your code.

Using Create React App you can easily start using React and develop your own web applications. It also includes a linter which helps you write consistent and quality code.

However, I really like to use a different style guide a top of the default. Luckily for us, Create React App enables us to extend ESLint to use other configuration presets.

This article goes into how to set up the Airbnb style guide in Create React App. It also includes a guide for when you’re using TypeScript.

Sometimes projects run for so long they get dusty. Not maintaining them will leave them to wither and slowly fade away. Even worse is when parts of your projects are too outdated to work and too scary to touch.

I was writing for my blog occasionally, but the system it was built on was terribly outdated and didn’t work properly anymore. I haven’t had the courage or time to actually fix the underlying system. It was time to change this.

In this article I want to take you through my process of dusting off and cleaning up an old project to breathe new life into it all without starting over completely from scratch.

Most of the React mindset is thinking synchronous and has a lot of similarities with functional programming. Output is generated based on input and is calculated at each render. This means that handling information which is not available at the moment of rendering a bit harder.

This article aims to give a solution to this problem using React Hooks.