DX in the frontend developer ecosystem
summary
Web pages average over 2 MB and modern build trees pull in huge node_modules, yet CrUX shows content-first sites (Astro, jQuery/WordPress) often beat heavy frameworks on Core Web Vitals; Floating UI/Popper get ~10M weekly downloads for simple tooltips. Browser platform features are landing: popover (native toggle/positioning), container queries for component-based breakpoints, CSS nesting in Chrome/Edge/Safari, and a Chrome-first view transitions API (plus multi-page transitions behind a flag), promising less JS and smaller payloads while actually working in current browsers.
AI-written summary · about
chapters (13)
- 0:00Introduction and background
- 1:29Frontend complexity over time
- 6:46JavaScript’s evolving role
- 8:12Web platform progress
- 10:58Native CSS features
- 14:52CSS nesting and color systems
- 17:00Container queries explained
- 18:46CSS :has pseudo selector
- 20:11Modern HTML image handling
- 22:18Delightful UI transitions
- 26:16View transitions in Chrome
- 27:37Developer experience definition
- 28:42Hot take and closing
related talks
29mDX is UX
32mWhat's Happening in the JavaScript Ecosystem?
29mQuo vadis, frontend?
29mRethinking Frontend Development
51mEverything You Should Know About Web Development in 2022
49mBrowser Native Web Development: No Frameworks, Just the Browser
25mSpeed at Scale: Optimizing The Largest CX Platform Out There
17mAstro: Revolutionizing Modern Web Development