Abstract Syntax Trees

The underpinnings of tools like Babel and ESLint, Abstract Syntax Trees (or ASTs) are not nearly as scary as you might think. This is a collection of all the egghead.io lessons I (Kent) have put out there.

Watch User Created Playlist (2)

This playlist is user created.



Introduction to Abstract Syntax Trees


Use ASTExplorer.net

javascript tutorial about Introduction to Abstract Syntax Trees

Introduction to Abstract Syntax Trees

1:54 javascript PRO

In this lesson, we’ll learn about the key technology used by JavaScript engines and tools like ESLint and Babel to run, lint, and modify your source code. The JavaScript Abstract Syntax Tree (or AST for short) is a JSON representation of your code that is represented by a tree structure. In this lesson we’ll explore that tree structure to get a feel for how code translates to an AST.

javascript tutorial about Use ASTExplorer.net

Use ASTExplorer.net

1:34 javascript PRO

In this lesson we’ll look at the amazing open source tool ASTExplorer.net. We’ll learn how we can use it to learn about ASTs generated by different tools. We’ll also see how it can be used to help us write plugins for ESLint, Babel, and other tools. The noted ESTree specification can be found on GitHub.

Joel's Head
Why are we asking?