jug summer camp 2014 - eslint
DESCRIPTION
Ou comment vérifier la qualité de vos applications AngularJSTRANSCRIPT
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...