Make Web Development Fun Again, with Web Components

on YouTube ↗01h 12m

" summary

Penn State demonstrates a workflow that generates a component library from a single CLI, scaffolds a mono-repo, and publishes to npm with Lerna and yarn; the pipeline produces compiled bundles via polymer build and already outputs 161 components. The tool handles Polymer, LitElement, Skate, SlimJS or vanilla elements, wires assets into HAX/hacks for a WYSIWYG experience, and integrates with Drupal sites (including supports Drupal 7 8 Backdrop), showing live creation, versioned publishing, and working site embeds.

AI-written summary · about

" chapters (14)

1. 0:00Introduction to web fun
2. 2:52Why web components now
3. 8:06Shadow DOM benefits
4. 15:26Eliminating tooling complexity
5. 28:55WC Factory demo start
6. 36:01Branding updates across systems
7. 41:05Mono repos and versioning
8. 45:40Drupal integration
9. 55:30Decoupling from platforms
10. 1:00:06Content management flexibility
11. 1:03:54Design flexibility
12. 1:05:57Performance and scalability
13. 1:09:06Top benefits summary
14. 1:11:57Q&A and closing

" related talks

• 01h 48mIntro to Web Components & Polymer WorkshopChris Lorenzo, John Riviello · Node+JS Interactive 2018
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 30mPolymer + Webpack: Bringing Web Components to a Framework Near YouChad Killingsworth · Polymer Summit 2017
• 41mManaging a (component) zoo - DIY web component cataloguesSebastian Schürmann · Dutch PHP Conference 2019
• 53mFuture-proof your Web Apps with Web Components and LitElementKito Mann · Developer Summit 2020
• 02h 32mBuild next gen web apps using web componentsSumit Chaudhari · JSConf.Asia 2019
• 26mUsing Web Components in productionNik Graf · Reject.JS 2013
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017