What the heck is an Abstract Syntax Tree (AST) ?

• jscodeshift

  28 8,945 5.2 JavaScript

  A JavaScript codemod toolkit.

  

If you are a front-end engineer who has some experience around front-end tools like prettier, eslint, webpack, rollup, vite, etc., learning ASTs can be quite handy. There are a lot of things you can do using AST, for instance you can write codemods, which modifies our original source code using the transformer we write using ASTs, can be used to remove unwanted stuffs from our code base. Another interesting use case is writing a custom eslint plugin, check out this blog to write your own eslint plugin, can be used to introduce new eslint rules, which are outside of existing eslint configurations.

• Babel (Formerly 6to5)

  58 42,888 9.8 TypeScript

  🐠 Babel is a compiler for writing next generation JavaScript.

  

babel

• SurveyJS

  surveyjs.io sponsored

  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.

  

• astexplorer

  43 5,932 6.3 JavaScript

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

You can check out Ast explorer site for playing around with different parser and write transformers for each parser. You can check out this post on how a parser works to generate an AST.

• esprima

  8 6,962 0.0 TypeScript

  ECMAScript parsing infrastructure for multipurpose analysis

  

esprima

• shift-parser-js

  1 244 0.0 JavaScript

  ECMAScript parser that produces a Shift format AST

  

shift

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project