JSX to Declarative Templates Using AST
summary
Examines pros and cons of functional (JSX) templates versus declarative templates and presents a method using AST transforms to convert JSX-based functional templates into declarative templates without adding runtime overhead for developers. Discusses practical trade-offs and an AST-based approach to automate the conversion.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:10Speaker background
- 2:55Frontend templating issues
- 6:10Template approaches
- 8:37Why JSX is special
- 10:48JSX challenges
- 12:39JSX and declarative benefits
- 13:39JSX to declarative translation
- 15:04How AST translation works
- 17:58Limitations and best practices
- 18:42Gleamings project and JSX integration
- 20:50JSX to Handlebars examples
- 22:17Benefits for devs and designers
- 23:03Resources and tools
- 23:52Translator demo
- 26:01Q&A
