Archive: our articles

Category: Web Components

Angular

The Motivation For Using Web Components, An Introduction: Perks & Flaws Series – Part 1

Web Components – a term you most probably hear regularly in recent times as a web developer. With the standards of Shadow DOM, HTML Custom Elements, HTML Templates, and, in former times, HTML Imports, there finally is a native component model within the browser. In this four-part article series, we are exploring the perks and flaws of Web Components within a demo application. This demo will show how frameworks like Angular, React, Vue, LitElement, and Stencil.js can seamlessly work together in one application as Web Components.

view content >
Web Components

The Perks Of Web Components: Perks & Flaws Series – Part 2

In the introduction article to this series, I wrote about the motivation, why to use Web Components. Now we are going to take a closer look at the perks of using them – from a technical and business point of view. If you are interested in all technical features of Web Components, I would recommend a more in-depth article from my colleague.

view content >
JavaScript

How to create a Native Web Component without a Framework

Everyone knows it: encapsulating and reusing UI components on the web is challenging. It is usually
copy and paste of HTML, CSS, and JavaScript, often spread over one or more files.
If you forget a part, it either does not look as desired, or the interaction will not work. Enough of that!
Web Components open up new ways on the web to implement and (re-)use UI components in a standardized manner and without any framework.

view content >
Angular

Re-Using Angular components in a Blazor WebAssembly application using Angular Elements – Web Components custom elements, FTW!

Microsoft’s Blazor WebAssembly toolkit is one of the new kids on the block in WebAssembly land. For many developers WebAssembly (or WASM) is the origin for a new revolution in the web. We can finally(?) use other languages and frameworks than JavaScript to run applications in a standards-based way in a cross-platform fashion on all browsers, on any devices (please refer to the current support of WebAssembly in your browser).

view content >