The Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct

on YouTube ↗56m

" summary

Modern frontend apps often suffer from tight coupling and hype-driven rewrites; the talk recommends concrete tactics to avoid costly overhauls by extracting clear component interfaces, isolating CSS/DOM with web components and Shadow DOM, and using Storybook to develop a component library. It advocates incremental replacement instead of big‑bang refactors, demonstrates using lit-html/lit-element and small interchangeable libraries, and reports success applying the step-by-step approach to a real dashboard to greatly reduce change cost.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 15:20Component system (API + runtime)
3. 19:36CSS management
4. 22:16SSR (Server Side Rendering)
5. 23:36State management
6. 49:41Reducing coupling with the global

" related talks

• 51mDeconstructing Web frameworks for a more resilient code baseHubert Sablonnière · Voxxed Days CERN 2019
• 34mWe need to talk about the front webAngela Ricci · ffconf 2023
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 33mRethinking The Web PlatformJames Kyle · FFConf 2017
• 44mThe Future is in PiecesJonathan Snook · Web Unleashed 2015
• 24mThe Good, The Bad, and The Web ComponentsZach Leatherman · JSHeroes 2023
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014