I’m With Web Components and Web Components Are With Me

on YouTube ↗20m

" summary

Claims that Web Components (templates, shadow DOM, custom elements) can be native交換 used with React, showing a working collapsible-panel custom element built with templates and shadow DOM and a React version wrapped via window.customElements.define. Demo uses create-react-app and ReactDOM.render, implements retargeting events for shadow DOM so React synthetic events work, and runs in modern browsers (standard exists for five years, IE excluded). The bridge demos compile and actually work.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 2:38Web Components
3. 5:28collapsible panel
4. 9:48big idea
5. 13:30React collapsible panel
6. 17:46Summary

" related talks

• 32mLet's talk about Web ComponentsJemima Abu · React Advanced 2021
• 26mThe complementarity of React and Web ComponentsAndrew Rota · React.js Conf 2015
• 25mI'm with Web Components and Web Components Are with MeGil Fink · AngularUP 2019
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021
• 45mLet's Talk About Web ComponentsJemima Abu · NDC Porto 2022
• 25mReact x Web Components : How It Is and How It Could BeDwane Hemmings · JSConf Korea 2022
• 36mThe Road to Native Web ComponentsMike North · JSConf Colombia 2016
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017