Diving into ESLint

Published by Andrew Mead

Learn how to setup and configure ESLint to work with JavaScript, Node, and React.

I write a lot of JavaScript and spend a lot of time fixing my own bugs. These aren’t huge architecture issues, they’re much smaller than that. I’m talking about things like misspelled variable names.

I find the exact same thing to be true when students send me their broken projects. They have 99.9% of everything correct, they just referenced “staate” instead of “state”.

These issues aren’t a big deal, except for the fact that they eat up your time and willpower. With the right tooling, we can reduce the amount of small errors that we make and save ourselves huge amounts of time.

In this mini-course, I’ll show you how to setup ESLint. ESLint is a JavaScript linter. It scans your files for mistakes and points them out so that you can fix them before you run the program. It’ll help you catch bugs, write better code, and ensure that you don’t fall into any common pitfalls.

You can download the final sourcecode here.