ESLint

ESLint helpt mij om fouten en errors te vinden in mijn code. Daarnaast zorgen deze regels ervoor dat mijn code netjes en consistent blijft. Een paar voorbeelden zijn:

• Een haakje vergeten te sluiten
• Aantal spaties/tabs door elkaar gebruiken
• Als er een variabele ergens staat die verder nergens wordt gebruikt

De regels die ik in mijn ESLint file heb staan zijn:

Wat doen deze regels?

Semicolons

 "semi": "error"

Dit zorgt ervoor dat overal een semicolon moet staan waar deze eventueel nodig is. Ik wil liever dat overal een semicolon staat, ook als deze niet nodig is. Dit kan veel fouten voorkomen.

Fout:

var house = 'house'
var cat = 'cat'

Goed:

var house = 'house';
var cat = 'cat';

Single quotes

"quotes": ["error", "single"]

Deze regel geeft mij een error wanneer ik double quotes gebruik. Ik wil mijn code consistent houden door overal dus single qoutes te gebruiken. Ik gebruik liever single quotes dan double quotes omdat ik single quotes makkelijker vind om te typen.

Fout:

var house = "house";

Goed:

var house = 'house';

Aantal spaties / tabs

"indent": [2, 2]

Deze regel zorgt ervoor dat het aantal spaties 2 moet zijn. Dit zorgt ervoor dat de code netjes en overzichtelijk blijft. Bij mij staat 1 tab gelijk aan 2 spaties.

Fout:

function test() {
 console.log('test');
}

Goed:

function test() {
  console.log('test');
}

Geen variabelen zonder dat je ze gebruikt

"no-unused-vars": ["error", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }]

Als ik een variabele heb aangemaakt die ik verder niet gebruik, zal deze regel mij dit vertellen. Hierdoor heb ik geen onnodige stukken code.

Komma aan het eind van de regel

 "comma-style": ["error", "last"]

Deze regel geeft een error als het gebruik van een komma niet aan het eind van de regel staat. Dit is puur voor code consistentie.

Fout:

"rules": {
        "semi": "error"
,
        "quotes": ["error", "single"]
,
}

Goed:

"rules": {
        "semi": "error",
        "quotes": ["error", "single"],
}

Komma zonder spatie

 "comma-spacing": ["error", { "before": false, "after": true }]

Deze regel geeft een error als een komma niet gelijk achter de tekst staat:

Fout:

"rules": {
        "semi": "error",
        "quotes": ["error", "single"],
}

Goed:

"rules": {
        "semi": "error",
        "quotes": ["error", "single"],
}