ESLintVérifier la qualité de vos applications “AngularJS”

@Me

Emmanuel DEMEY

EmmanuelDemey Gillespie59 Emmanuel DEMEY

Code linting...

● Analyse Statique de votre code JavaScript

● Intérêt : o Détecter des bugso Limiter les potentielles erreurso Garder votre code propreo Appliquer vos règles de développement

Les solutions...

jqlint

ESLint

ESLint

● API pour créer ses propres règles● Chaque règle est un plugin● Possibilité d’activer/désactiver chaque règle● Règle définie comme warning/error● Fichier de configuration JSON ou YAML● Utilisation d'Esprima

Esprima

● ECMAScript Parser en JavaScript● Création d’un Source Tree de votre code JS● Support <ECMAScript 5.1● Support Partiel ECMAScript 6● Sortie compatible avec Parser API de

SpiderMonkey● Online Esprima Parser

Esprima - Disponibilité

Esprima - Utilisation

Esprima

Esprima

Nouvelles règles: AST Node type

Documentation SpiderMonkey Parser API

Nouvelles règles: AST Node type

Documentation SpiderMonkey Parser API

Nouvelles règles - Intégration

GruntJS Gulp

CLI

Nouvelles règles - Structure

Exemples

CallExpression

BinaryExpression

Array et FunctionExpression

Gillespie59/angularjs-eslint sur Github

Liens

● Codepen podcast : Code Quality● Parsing, Compiling, and Static Metaprogram

ming● JavaScript Code Analysis

Voilà, c’est fini...