#CODEKIT ADD AIRBNB LINTING HOW TO#

We could install ESLint globally and run it from the command line using the command eslint. The Airbnb JavaScript Style Guide is well known among JavaScript developers and used by some big companies: Lonely Planet, National Geographic and Sainsburys to name a few. Instead of writing our own exhaustive list of JavaScript rules, we can use a ruleset defined by the developers at Airbnb, and then adjust it to suit our preferences. A great starting point - Airbnb JavaScript Style Guide

It’s very flexible, easy to use and has the best ES6 support, which will be helpful if we introduce more modern JavaScript (that will be transpiled for older browsers using ). Some of the most popular JavaScript linting tools are ESLint, JSHint, JSLint and JSCS - we’re going to be using ESLint. Naturally we want the best user experience for our customers and keeping the code as efficient and lightweight as possible to reduce page load time is a big part of that.

Linters also offer performance benefits in highlighting inefficient or unused code. In day-to-day work, if developers are working with various files that have a consistent layout, it makes the code easier to read, which means developers can work faster, saving time. This is helpful when working in teams to ensure all developers are writing code in the same way. Linters help you to write standardised code to ensure quality, minimise errors and increase readability. These rules can vary from general code layout, like maximum line length and code indentation, to how you declare functions. Linting tools usually allow you to specify a set of rules to check your code against. Linting is the process of checking your code for potential errors. Some people prefer to see the code first, so if you would like to download a working demo, the files can be found here (be sure to run npm i to install the dependencies). A little gulp and npm knowledge is beneficial, but not required.

#CODEKIT ADD AIRBNB LINTING HOW TO#

How to add JavaScript linting to your project using ESLint and Gulp

Codekit add airbnb linting