Everything is a shortcode
summary
Shows a concrete pattern: a short string-returning function (an image shortcode) runs at build time with the 11ty image plugin, writes multiple sizes and formats to disk, and emits a picture element that any template language can insert. Slinkity wraps that HTML as a component sandwich for React JSX, and a partial hydration shortcode server-renders components and appends a small script tag to hydrate islands, enabling cross-framework optimized images and interactive islands without shipping framework-specific image components.
AI-written summary · about
chapters (7)
- 0:00Introduction to shortcodes
- 0:48Shortcodes vs components
- 2:32Dream code with shortcodes
- 3:37Image optimization demo
- 6:24Cross-framework shortcode
- 8:29Future of shortcodes
- 9:54Call to action and Q&A
related talks
07m(Headless) WordPress Shortcodes as Svelte Components
25mSimply React
34mComponent Documentation Made Easy
38mReact UI: get hooked!
28mReact Inline Visual Editing Now’s The Time
29mResponsive Svelte (exploring Svelte's reactivity)
45mThe next big thing in (client side) templating
24mSvelte: the last framework we need?