The Forest for the (Abstract Syntax) Trees
summary
Shopify builds a Hydrogen CLI that parses projects into a JSON AST, applies Babel AST transforms via the visitor pattern, and generates code back to disk so bootstrapping becomes composable rather than template cloning. It ships with React Server Components awareness, opinionated defaults for image performance and caching, and can run automatic migrations for breaking changes. The CLI also powers integration-test generation and is dogfooded internally; Hydrogen sits in private beta with a developer preview promised.
AI-written summary · about
chapters (13)
- 0:00Start
- 0:32Opinionated React Framework
- 1:53Command Line Interface
- 2:14High Level Mental Model
- 2:26Parse the Existing Project
- 2:36Abstract Syntax Tree
- 3:13Browser-Compatible Syntax
- 3:52Each Operation Is Isolated
- 4:15Progressive Web App Support
- 5:02Best Defaults out of the Box
- 5:13Non-Blocking Responses
- 6:27Accessibility and Security
- 6:57Ongoing Maintenance Support
related talks
30mTowards a simpler JavaScript ecosystem
34mTransform your codebase without breaking a sweat
49mFront Ends for Back End Developers
23mThe Next Wave of Web Frameworks is BYOJS
36mYou build React apps: do you even know how?
35mBuilding Next-gen Web Frameworks using React
21mAll Things Astro
17mSolidJS: Decomposing the Metaframework