Transform Content With Abstract Syntax Trees
What are abstract syntax trees (ASTs)? How can we use them to make changes to files? In this episode, Jason dives into the world of ASTs and writes his first transformation using unified, remark, and rehype.
Links & Resources
- https://unifiedjs.com/
- https://github.com/remarkjs/remark
- https://github.com/rehypejs/rehype
- https://github.com/syntax-tree/unist-util-map
- https://twitter.com/philhawksworth
- https://www.netlify.com/build/plugins-beta/?utm_source=ast-exploration&utm_medium=learnwithjason&utm_campaign=devex)
- https://astexplorer.net/
- https://www.npmjs.com/package/netlify-plugin-gatsby-cache
- https://github.com/syntax-tree/unist
- https://github.com/mdx-js/mdx/blob/master/packages/mdx/index.js#L65-L74
- https://github.com/leonardodino/gatsby-remark-figure-caption/blob/master/src/index.js
- https://dev.to/mlennox/abstract-syntax-trees-for-fun-and-profit-4mej
- https://kvlly.com/shop/worlds-okayest-developer-mug
Full Transcript
Click to toggle the visibility of the transcript
Learn With Jason is made possible by our sponsors: