Building with Web Components using X-Tags

on YouTube ↗33m

" summary

Uses Web Components via xtags/brick to build mobile UI: registers a custom tag with xtag.register, creates X-deck and X-card views, an X-app-bar, and an X-date-picker polyfill; implements a clickable <random-cat> custom element that invalidates cache to fetch new images and demonstrates lifecycle callbacks (created/inserted/removed/attributeChanged). Shows a drag‑and‑drop App Maker (Flathead) that publishes installable builds to Firefox OS. Demos work end‑to‑end (network delays noted on tethering); library targets evergreen browsers down to IE9 and shares code with Polymer.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to Meet Spaces
2. 1:38Speaker background and focus
3. 4:09Overview of web components
4. 7:07Key web component technologies
5. 11:26Introduction to Brick
6. 14:49Building a brick application
7. 20:18Adding advanced components
8. 21:45Creating custom elements
9. 25:41Custom element lifecycle
10. 27:05App Maker demo and resources
11. 30:23Browser support and resources

" related talks

• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014
• 41mAccessibility of Web ComponentsMarcy Sutton Todd · Inclusive Design 24 2014
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017
• 40mWeb Components: It’s about TimeErin Zimmer · iJS 2018 Spring
• 19mWeb ComponentsJeff Tapper · FITC Web Unleashed 2014
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 02h 32mBuild next gen web apps using web componentsSumit Chaudhari · JSConf.Asia 2019