React x Web Components : How It Is and How It Could Be
summary
Claims that React today treats Web Components like string-only attributes and forces awkward event wiring via useRef/useEffect, and contrasts that with an experimental branch that supports passing objects and native events directly. Demonstrations include components built with open-wc and lit, a countdown and a deployed WebXR tic‑tac‑toe using model-viewer and Vonage APIs with voice chat, and integration notes for shoelace; the examples work and reduce boilerplate in React.
AI-written summary · about
chapters (12)
- 0:00Introduction to web components
- 1:08Reusability and UI design
- 3:10Time management components
- 5:053D modeling and XR
- 6:58WebXR game demonstration
- 8:28Professional component use
- 10:27Industry adoption
- 12:25Web components in React
- 13:52The future of React support
- 15:46Supporting developer tools
- 17:41Solving styling challenges
- 19:13Future proofing and closing
related talks
15mReact X Web Components: How it is and how it could be
45mReact Web Components How It Is and How It Could Be
42mReact, Another Way to Think About Your Web Components
26mThe complementarity of React and Web Components
20mI’m With Web Components and Web Components Are With Me
32mLet's talk about Web Components
16mWeb Components Q&A
59mThe effect of React on web standards