React Web Components How It Is and How It Could Be
summary
A set of real projects and concrete problems: a reusable component kit (VC-keypad, chat pieces) built with open-wc and lit that powers a Vonage chat demo and a keypad component that emits custom events; a WebXR tic‑tac‑toe at xoxr.games using model-viewer, the WebXR API, Vonage Conversations and Voice to sync moves and voice, which works in AR; React limitations are spelled out (string-only props, synthetic events) and an experimental React branch plus custom-elements-everywhere promise full compatibility; server-side rendering with Astro + lit fetches Hacker News IDs then items to render components ahead of time.
AI-written summary · about
chapters (11)
- 0:00Introduction and background
- 3:31Web components basics and examples
- 8:14Personal projects with web components
- 12:51Web components in professional use
- 17:30React compatibility challenges
- 22:52Shoelace framework benefits
- 26:01Current React integration methods
- 27:26Future React web component support
- 28:51Styling web components methods
- 33:30Server-side rendering with web components
- 43:24Q&A and closing remarks
related talks
25mReact x Web Components : How It Is and How It Could Be
15mReact X Web Components: How it is and how it could be
46mWhat ever happened with Web Components?
42mReact, Another Way to Think About Your Web Components
32mLet's talk about Web Components
34mI Heard React Was Good
53mBuilding Web Apps with React.js
27mReact: Learn Once Write Anywhere