AST a la vista baby

Slides for the talk given at NodeConf Argentina 2017

Transcript

1. AST a la vista, baby
2. Lenny meetupjs.com.ar leogcrespo leoasis
4. ESLint
6. ES2015 ES5 ES2016 ES2017 ESNext ES2015 ES2016 ES2017
7. ES2015 ES5 ES2016 ES2017 ESNext ES2015 ES2016 ES2017 … … … … … …
12. ESLint
13. ESLint ES2015 ES2016 ES2017 ESNext Estilo JS gotchas Variables Node.js CommonJS …
14. ESLint ES2015 ES2016 ES2017 ESNext Estilo JS gotchas Variables Node.js CommonJS … … … …
17. Cómo funcionan?
19. PARSERS
20. hacer un parser Escribir en un archivo function parse(code) {} Escribir el resto del parser
21. https://github.com/thejameskyle/the-super-tiny-compiler
24. Abstract Syntax Tree (AST)
25. Abstract Syntax Tree (AST)
35. AST
36. AST
37. AST Plugins Código Código
38. AST ⚠ Reglas Warnings/Errores ESLint Código
51. astexplorer.net
53. ESLint GraphQL Prettier PostCSS JSCodeShift Syntax Highlighting Flow Typescript TSLint
55. Usá ESLint para validar que no se use una version deprecada de un componente interno de tu empresa.
56. Usá un plugin de Babel para agregar parámetros contextuales de debug en las llamadas a tu API en desarrollo
57. Parseá con Babylon (parser de Babel) los archivos de tu aplicación y extraé los mensajes de i18n de tu código a un archivo para enviar a un servicio de traduccion.
59. ⚡
61. ⚙ ☠
63. https://kentcdodds.com/talks/#writing-custom-babel-and-eslint- plugins-with-asts https://blog.kentcdodds.com/how-writing-custom-babel-and-eslint- plugins-can-increase-your-productivity-and-improve-user- fd6dd8076e26 https://kentcdodds.com/workshops/#code-transformation-and-linting Kent C. Dodds James Kyle https://github.com/thejameskyle/babel-handbook https://github.com/thejameskyle/the-super-tiny-compiler Henry Zhu http://henryzoo.com/babel-plugin-slides/assets/player/ KeynoteDHTMLPlayer.html#0
64. It’s AST, I know this!
65. leogcrespo leoasis