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.
Resources & Links
- Demo
- unifiedjs.com/
- github.com/remarkjs/remark
- github.com/rehypejs/rehype
- github.com/syntax-tree/unist-util-map
- twitter.com/philhawksworth
- netlify.com/build/plugins-beta/?utm_source=ast-exploration&utm_medium=learnwithjason&utm_campaign=devex)
- astexplorer.net/
- npmjs.com/package/netlify-plugin-gatsby-cache
- github.com/syntax-tree/unist
- github.com/mdx-js/mdx/blob/master/packages/mdx/index.js#L65-L74
- github.com/leonardodino/gatsby-remark-figure-caption/blob/master/src/index.js
- dev.to/mlennox/abstract-syntax-trees-for-fun-and-profit-4mej
- kvlly.com/shop/worlds-okayest-developer-mug
More episodes from Learn With Jason Season 2
Generative Data Visualization Design and Planning, part 2
Shirley Wu creates art from data. In this episode, Shirley takes the decisions we made in part one…
Art Direction for Developers
Whether you’re working with a team, a client, or both, any project you build will likely end up…
Use Netlify Functions to Build a Sound Board in Gatsby
In this video, Jason adds Netlify Functions to his Gatsby site to enable dynamic functionality on a Jamstack…
More Fun with AST Transformations
In this follow-up to the previous stream on abstract syntax trees (ASTs), Jason dives deeper and tries to…
Build a Cross-Platform Twitch Extension
If you want to show specific information on a Twitch profile, how do you do that? In this…
Build a Personal Site Using Gatsby Themes
Now that Gatsby Themes have been launched, where should you start with a new site? In this episode,…
Supporters
Become a supporter to see yourself here on future episodes!
