Lessons
Explore all newline lessons
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
lesson
What is an Abstract Syntax Tree? Visualizing Code Like a CompilerPractical Abstract Syntax TreesUnderstand the basics of an AST and how it relates to real-world code
lesson
How to Add Data to a Svelte Globe VisualizationBetter Data Visualizations with SvelteMaking our countries' fill represent population
