Utilizing the JavaScript Abstract Syntax Tree (AST) for Automated Frontend Lifecycle Management

on YouTube ↗25m

" summary

Organization builds a CLI scaffold and a migration pipeline using NX AST utilities to parse JavaScript, run deterministic codemods, and unit test them with the NX tree. The platform ships generators and per-version migrations that automatically update imports, type annotations, and testing tooling (migrating test runners and fixing CVEs) across 350 front-end apps previously managed by ~40 teams. A single update script now applies codemods per release so apps stay current with a single script per sprint workflow.

AI-written summary · about

" chapters (10)

1. 0:00JavaScript AST for frontend lifecycle
2. 5:26Personal journey and platform team
3. 7:59Organizational challenges and migrations
4. 10:05Scaffolding apps with CLI
5. 12:37NX generators for updates
6. 15:10Understanding Abstract Syntax Trees
7. 17:20Code mods with AST transformations
8. 20:53Building and testing AST code mods
9. 23:08Benefits of automated lifecycle
10. 24:56Q&A

" related talks

• 44mJavaScript AST programming: Introduction and beyondTakuto Wada · JSConf JP 2019
• 40mRefactoring large JavaScript codebasesMichele Riva · jsday 2022
• 24mNX Generators or how to skip boring tasksFrancesco Leardini · Voxxed Days Zurich 2023
• 30mRefactoring large JavaScript codebasesMichele Riva · Øredev 2022
• 32mBeyond Build Orchestration: What It Takes to Build Modern JavaScript MonoreposVictor Savkin · JetBrains JavaScript Day 2025
• 43mMachine Powered Refactoring: Leverage AST's to Push Your Legacy Code (& the Web) ForwardAmal Hussein · Node+JS Interactive 2018
• 34mCodemods and Transforming JavaScript CodeMikhail Hatsilau · The Rolling Scopes Conference 2018
• 25mManage large refactors with JSCodeShiftClint Goodman · UtahJS Conf 2023