The complementarity of React and Web Components
summary
Claims that React and Web Components combine: use custom elements and Shadow DOM as leaf DOM nodes, keep components tiny, stateless, encapsulated, and watch performance. Demonstrates JSX working with registered custom elements after React remove whitelist in v0.12, but notes real problems: Google Maps element injects scripts (side effects), custom events need manual listeners, and custom attributes require a passthrough hack. Result: interchangeable if elements are well designed; mixing React inside a shadow root is possible but risky.
AI-written summary · about
chapters (7)
- 0:00Intro
- 1:16Web Components
- 7:43React Components
- 10:22React Custom Elements
- 12:29Building Web Components
- 17:28Stateless Web Components
- 20:24Conclusion
related talks
20mI’m With Web Components and Web Components Are With Me
25mReact x Web Components : How It Is and How It Could Be
29mBreak out from the framework: Web Components to the rescue
32mLet's talk about Web Components
45mLet's Talk About Web Components
28mThe (Real) State of Web Components
42mThe Good, The Bad, The Web Components
16mWeb Components Q&A