Abstract Syntax Tree (AST)

[ajhsu]

What AST does

Understanding the code syntax

Tools

• https://astexplorer.net/

Applications relies on AST

• ESLint - rule(s)
• Prettier - format(s)
• Babel - plugin(s)
• jscodeshift - codemod(s)
  • Refactoring with confidence
  • Example: replace var with let

Videos

• ASTs for Beginners at Clevertech - Kent C. Dodds
• Master the art of the AST and take control of your JS (Yonatan Mevorach)
  • Slide

Curated list

https://github.com/cowchimp/awesome-ast

[ajhsu]

Note that ASTExplorer is quite powerful that it could read following languages/formats:

• Markdown
• CSS
• GLSL
• GraphQL
• Handlebars
• HTML
• ICU
• JavaScript
• JSON
• Lua
• Markdown
• PHP
• RegExp
• Scala
• SQL
• Web IDL
• YAML