Gentle Introduction To ESLint Rules

• espree

  5 2,242 6.2 JavaScript

  An Esprima-compatible JavaScript parser

  

ESLint doesn't process the code into the compiler phases, rather it provides an option to let you specify a Parser. By default, ESLint uses Espree which essentially converts JS source code to AST data structure, so in case you want to write a rule targeting TypeScript source code, you'll need to specify a different parser in your .eslintrc.json configuration file, same applies for different file extension, for HTML you might use this or creating your own parser!

• typescript-eslint

  123 14,612 9.9 TypeScript

  :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript

  

ESLint doesn't process the code into the compiler phases, rather it provides an option to let you specify a Parser. By default, ESLint uses Espree which essentially converts JS source code to AST data structure, so in case you want to write a rule targeting TypeScript source code, you'll need to specify a different parser in your .eslintrc.json configuration file, same applies for different file extension, for HTML you might use this or creating your own parser!

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• awesome-jsonschema

  70 101 5.3 Handlebars

  A curated list of awesome JSON Schema resources, tutorials, tools, and more.

  

schema: In case you want to make the rule configurable (e.g. accept an option to what kind of variable is allowed) you've to add JSON schema.

• eslint-html-parser

  1 2 0.0 TypeScript

  HTML parser for eslint that falls back to an ECMAScript parser for JavaScript files

  

ESLint doesn't process the code into the compiler phases, rather it provides an option to let you specify a Parser. By default, ESLint uses Espree which essentially converts JS source code to AST data structure, so in case you want to write a rule targeting TypeScript source code, you'll need to specify a different parser in your .eslintrc.json configuration file, same applies for different file extension, for HTML you might use this or creating your own parser!

• ESLint

  382 24,310 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

For you who ain't familiar with ESLint, I recommend that you read about it in advance and perhaps try to see it in action. The writing presumes that you have at least little knowledge in configuring ESLint.

• astexplorer

  43 5,953 6.0 JavaScript

  A web tool to explore the ASTs generated by various parsers.

AST Explorer is an amazing website if you're working with ASTs, it has plenty of parsers for the most of things that you might hear about, for instance it has an option to parse SQL Query and GraphQL and many more.

Suggest a related project