Explore the power of automating front-end refactoring in this 21-minute conference talk from AmsterdamJS 2017. Dive into the challenges of maintaining and updating code, particularly in frontend development. Learn about Abstract Syntax Trees (ASTs) and codemods as powerful tools for automating code transformations. Discover how to confidently refactor and migrate codebases, including techniques for transforming imports, functions, and object expressions. Gain insights into using tools like AST Explorer to analyze and manipulate code structures. Walk through practical examples of transforming various code elements, from simple functions to complex object expressions. Understand the benefits of automated refactoring for maintaining and evolving frontend libraries and applications.
Overview
Syllabus
Introduction
refactoring and migrations
maintaining code
the frontend nightmare
current stack
how we got there
what is codemode
how does codemode work
syntax tree definition
simple function
ASP Explorer
Function Declaration
GS Coaches
Object
Regex
AST Explorer
New Expression
Exporting a Function
Transforming an Import
Transforming Special New Expressions
Importing New Expressions
Object Expression
Node Arguments
Key Object
Argument Object
Result
Transformation
ASDs
CSS
Summary
Taught by
JavaScript Conferences by GitNation
