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
Learn With Jason
S2.E60
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 of this miniseries and teaches us how to turn them into gorgeous, computer-generated data visualizations.
Learn With Jason
S2.E61
Art Direction for Developers
Whether you’re working with a team, a client, or both, any project you build will likely end up with a long list of things that need to be included on the page. How do you fit it all in while keeping the page readable, uncrowded, and pleasing to look at? In this episode, Tatiana Mac teaches us how to add art direction into our development projects.
Learn With Jason
S2.E62
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 app. We start by setting up an Express API, then go through writing serverless functions to send button clicks to that API.
Learn With Jason
S2.E64
More Fun with AST Transformations
In this follow-up to the previous stream on abstract syntax trees (ASTs), Jason dives deeper and tries to figure out how to rewrite HTML image tags to use srcSets, cloud image processing, and other performance optimizations.
Learn With Jason
S2.E65
Build a Cross-Platform Twitch Extension
If you want to show specific information on a Twitch profile, how do you do that? In this episode, Learn With Jason moderator Darrik Moberg teaches us how to create custom extensions for Twitch that work on both the website and apps.
Learn With Jason
S2.E66
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, Will Johnson pairs with Jason to work on his personal Gatsby site. Follow along to learn how you can get started with Gatsby and Gatsby Themes today!