Code Transformation and Linting Workshop
Using Abstract Syntax Trees in JavaScript with Babel and ESLint
Kent C. Dodds
Utah
1 wife, 3 kids
PayPal, Inc.
@kentcdodds
Please Stand...
if you are able
What this talk is
- Introduction to Abstract Syntax Trees
- Introduction to inspecting and traversing ASTs with ESLint and Babel
What this talk is not
- Deep dive into ASTs
- Publishing actual plugin packages
git clone https://github.com/kentcdodds/asts-workshop.git
cd asts-workshop
yarn run setup --silent
node scripts/autofill-feedback-email.js YOUR_EMAIL@DOMAIN.COM
git commit -am "ready to go"Let's
Get
STARTED!
Resources
- JointJS: JavaScript AST Visualizer - jointjs.com/demos/javascript-ast
- Felix Kling: AST Explorer - astexplorer.net/
- Christoph Pojer: Evolving Complex Systems Incrementally | JSConf EU 2015 - kcd.im/jsconf-codemod-talk
- Ramana Venkata: How to write a codemod - kcd.im/codemod-tutorial
- Jamund Ferguson: Harnessing The Power of Abstract Syntax Trees - kcd.im/ast-power
- James Kyle: The Babel Plugin Handbook - kcd.im/babel-plugin-handbook
- James Kyle: How to Build a Compiler - kcd.im/compiler-talk
- ESLint: Working with Plugins - kcd.im/write-eslint-plugins
- ESTree "spec" - kcd.im/estree-spec
- "How Writing a Babel Plugin is like jQuery" - kcd.im/babel-query
- Babel Types Documentation - kcd.im/babel-types
- generator-babel-plugin - James Kyle - a yeoman generator
- Babel types - Babel Docs - AST types supported by Babel
- babel-codemod - Brian Donovan - babel-codemod rewrites JavaScript using babel plugins.
Thank you!
Code Transformation and Linting Workshop
By Kent C. Dodds
Code Transformation and Linting Workshop
Have you ever needed to change the API to a widely used function in your JavaScript application? Find and replace can really only take you so far. What about the frustration of iterating over and over again on pull requests because of simple code mistakes developers keep making? These are only some of the problems that you can solve with a basic understanding of Abstract Syntax Trees and the tools you can use to inspect and manipulate them.
