Web Components and Angular Elements

07/28/21 • 4 min

Angular Rocks

Web Components are also known as Custom Elements.

Custom Element is a web standard for defining new HTML elements in a framework-agnostic way.

There are a set of different techniques that allow you to build Web Components or Custom Elements.

Being an Angular Developer you can easily get into Web Components by using Angular Elements.

Links:

Web Components

Can I use Web Components

Polymer

Lit

Polymer vs Lit
Angular Elements

Angular Self-Paced Workshops from Aliaksei

ngstart.dev

Web Components are also known as Custom Elements.

Custom Element is a web standard for defining new HTML elements in a framework-agnostic way.

There are a set of different techniques that allow you to build Web Components or Custom Elements.

Being an Angular Developer you can easily get into Web Components by using Angular Elements.

Links:

Web Components

Can I use Web Components

Polymer

Lit

Polymer vs Lit
Angular Elements

Angular Self-Paced Workshops from Aliaksei

ngstart.dev

Previous Episode

Developer Tools with Minko Gechev

I split up the developer tools into multiple categories

Development and productivity
Debugging
Performance
Testing

In this episode we discuss each category in details as well as answering the following questions:

Why do we need developer tools?
Can you imagine a dev life without modern tooling?
What are the modern Tools for Angular developers?
How to debug a memory leak?

Also we talk about some cool insights about what Angular Team is working on right now to improve the Angular developer experience even more.

Tools

Angular CLI
Angular language service (vscode extension)
Codelyzer
Prettier
Ngrev
Angular state inspector (chrome extension)
Angular DevTools (chrome extension)
Jest
Cypress

People mentioned
Misko Havery
John Papa

Ward Bell

Alan Agius
Douglas Crockford

More from Minko

Twitter

Blog

Angular Self-Paced Workshops from Aliaksei

ngstart.dev

Next Episode

Designing Reusable Components with Tomas Trajan

Component is the central piece in Angular. Sometimes you want to generalize a particular component, to make it shareable across your application or to move into a custom component library to share it around multiple applications. It is important to understand how to approach shareable components in your particular use-case.

In this episode we are discussing: