Speakers: Andrei Antal
Web components are a set of browser standards that allow you to create custom elements that encapsulate templates, styles and logic using just vanilla APIs. But as complexity of the element grows, the APIs might start to feel a bit too low-level and verbose.
Wouldn’t it be awesome if we could use a higher level framework or library to abstract away some of the intricacies of creating web components? Well, one of the solutions is Angular Elements - a way to embed components written in Angular into any application without needing Angular to be present on the page. How is this possible? Simple, the single Angular component is packaged as a native web component providing just the input/output interface and encapsulating the logic.
During the presentation, I will showcase how you can create such a component written in Angular code and use it effortlessly it in a React or Vue app. We’ll also have a look at other similar solutions like StencilJS and SkateJS. Already intrigued? Good 😃 Let’s explore the future together!
About Andrei
Andrei is coming from Bucharest, he's the organizer of ng-Bucharest and a Frontend Engineering Consultant @Qualitance
Presentation slides here
Demo repo here. Instructions in the repo readme.
N/A
- Angular Elements - ngEurope 2018 original presentation
- Angular Elements – Rob Wormald – AngularConnect 2017
- Elements in v6 and Beyond - Rob Wormald - ngConf 2018
- The State of Web Components - Cory Rylan - Angular Lunch 2018
- The Year of Web Components - Dominik Kundel - NCD Conferences 2018
- Web Component Architecture and Patterns - Ana Cidre and Sherry Aziminia - WeAreDevelopers 2018
- Using Web Components in Ionic - Polymer Summit 2017
- Make Web Components Great Again with StencilJS - Julien Renaux - ngVikings 2018