Share your client code like a boss

on YouTube ↗47m

" summary

Shows how to package UI functionality as web components so it can be reused and shared across projects. Covers creating web components using standard web platform APIs and strategies for distributing and integrating them into other applications.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 3:05Why web components? JS framework fatigue
3. 3:45What are web components? Set of platform APIs
4. 6:37HTML Templates
5. 7:25Custom elements
6. 8:22Shadow DOM
7. 10:31ES modules Import of external JS modules
8. 28:46Tools and libraries
9. 33:10DEMO Overview of existing web component
10. 40:25Conclusion
11. 40:43Questions?

" related talks

• 44mMake UI Components for the Web Framework EcosystemSergio Contreras · FrontFest 2020
• 44mBest Practices on building a UI component library for your companyDavid Wells · Full Stack Fest 2016
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 50mWeb Components in PracticePatrick Schröer, Christian Siebmanns · JCON-ONLINE 2021
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 41mWeb Components: Maintaining and Reusing your FrontendJoy Heron · Agile on the Beach 2019
• 32mLet's talk about Web ComponentsJemima Abu · React Advanced 2021
• 23mBest Practices for reusable UI componentsMars Jullian · Nordic.js 2017