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!
