Talk Proposal: Anatomy of a FAST web component

[scomea]

• Draft Title: Anatomy of a FAST web component
• Length: 10-20 min full presentation
• Links: https://github.com/microsoft/fast
• Which dates, particularly Tue/Wed/Thu during the 2nd/3rd week of a month, are you likely available? Flexible with enough notice

FAST is Microsoft's open-source web component support library which the Fluent design system web components are based on and can be found in use in a range of Microsoft products (Edge, Copilot, Bing, etc...) and in other places.

For this introductory talk we'll look at a how a basic FAST web component is set up (code, template, styling) and how a beginner would get started making web components for themselves. While I'll be specifically discussing FAST (as a former member of the MS FAST team I'm biased), but many of the concepts are generic (shadow dom, style isolation, etc...) and would be applicable to other WC implementations.

Speaker Bio

• Name: Stephane Comeau
• Mini-bio: Veteran UX engineer/design dev/unicorn with 20+ years' experience on high end consumer products (Encarta, Zune, Xbox, Edge) using a range of technologies, native and web. I'm typically working with designers to ensure the shipped product reflects the design intent. Current technical focus is web components, accessibility and design systems.
• Picture for slides: tbd
• Would you like help with your presentation? no
• Social media link(s): https://www.linkedin.com/in/stephane-comeau-a5436641/
• Do you agree to the VanJS Code of Conduct? Yup