Rise above the Framework

on YouTube ↗32m

" summary

Argument: prefer web standards over heavy build chains by using shadow DOM for style encapsulation and CSS variables for themes; demonstrate a range slider implemented with CSS vars and a shadow-root template string so styles stay local. Use script type=module with a no-module fallback to ship modern JS without transpiling (Vue CLI example builds modern + legacy bundles). Create custom elements (or Stencil/LitElement) as framework-agnostic components; note Stencil components can be under 1KB and Angular/Vue element builds still bundle framework runtime.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:11RISE ABOVE THE FRAMEWORK
3. 0:22HOW I LEARNED TO LOVE TO WEB STANDARDS AND STOP WORRYING
4. 2:33WHAT HAPPENED...
5. 11:48DYNAMIC VALUES?
6. 22:39Different Framework Different API
7. 31:02What can Web Standards Do to help

" related talks

• 29mBreak out from the framework: Web Components to the rescueMassimo Artizzu · Intersection Conference 2023
• 43mFrameworks and the Future of the Web PlatformRob Wormald · BuzzJS 3.1 2018
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 16mScaling Components Across Multiple FrameworksAdam Bradley · React Summit Remote Edition 2021
• 33mWeb Components with StencilJSMartin Reinhardt, Martin Brecht-Precht · code.talks 2022
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 42mI Don’t Need No Stinkin’ Framework - Mastering Shadow DOMMartine Dowden · NDC Sydney 2019
• 37mThe world of Web ComponentsNishu Goel · AzConf 2020