Lessons
view all ⭢
lesson
How to Use ESLint to Create AST Rules With Babel TraversePractical Abstract Syntax TreesUse ESLint to create the same linting rule for the code with less boilerplate
lesson
How to Ensure Codebase is Up to Date With Linting RulesPractical Abstract Syntax TreesImplement a linting rule to prevent the code we just transformed from being reintroduced in the future
lesson
How to Create Codemods Using jscodeshiftPractical Abstract Syntax TreesUsing jscodeshift to make the same code transformations with less boilerplate
lesson
How to Mutate an AST and Automatically Replace Code ComponentsPractical Abstract Syntax TreesTransforming code in place by mutating an AST
lesson
When to Use Abstract Syntax Tree Tooling to Refactor at ScalePractical Abstract Syntax TreesA rough formula to determine when to use AST-based tooling
lesson
How to Add a Component and Update an ASTPractical Abstract Syntax TreesIntroduce a shared Button component to replace all existing button elements
lesson
How to Audit Your Code With AST ProgrammingPractical Abstract Syntax TreesCreate a custom script to audit a codebase
lesson
Add Type Safety and Prevent Runtime Errors With ASTPractical Abstract Syntax TreesSee how types can surface runtime errors
lesson
Traversing an AST With Babel TraversePractical Abstract Syntax TreesProgrammatically traverse an AST and visit arbitrary nodes
lesson
How to Generate a JavaScript AST With Babel PluginsPractical Abstract Syntax TreesExploring tools to convert (or parse) JavaScript into a real AST
lesson
The Best JavaScript AST Tools - ESLint, Babel, Terser, and MorePractical Abstract Syntax TreesAn overview of the tooling available in the web frontend (JavaScript) ecosystem that rely on ASTs
lesson
How to View Abstract Syntax Tree Code With AST ExplorerPractical Abstract Syntax TreesLooking at an example code snippet and how it relates to the resulting AST