What is this? Angular in my React?
summary
An Angular component becomes a distributable web component using Angular Elements and a manual bootstrap via createCustomElement then defined with customElements. Build uses ng-x-build-plus with single bundle and keep polyfills, target ES5 to avoid differential loading pain, then publish as an NPM package. Demo shows a temperature gauge for the ISS that emits highTemp events consumed in React via a ref and DOM event listeners it works but bundle size grows and content projection is unsupported.
AI-written summary · about
chapters (7)
- 0:00Introduction to mixing Angular and React
- 3:20Web components and custom elements
- 8:19Demo: Angular element transformation
- 13:20Using Angular elements in React
- 17:55Pros and cons of web components
- 20:01NX for Angular and React integration
- 22:28Resources and closing
related talks
21mAngular Elements Make The Best React Components
26mA look into the future: Angular Elements
33mBuild Web Components with Angular Elements
01h 18mA Deep Look At Angular Elements
34mAngular Elements
28mAngular Elements
19mWeb Components with Angular Elements: Beyond the Basics
28mAngular and Webcomponents