Unsere Artikel

Kategorie: 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.

zum Inhalt >
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.

zum Inhalt >
Angular

Nachladen von Angular-Modulen: Eigene Lösung mit Web Components Custom Elements – Teil 3

Diese Artikelserie beschäftigt sich mit dem dynamischen Nachladen von Angular-Modulen. Der letzte Artikel der Serie beschreibt einen Weg des Nachladens mit der Berücksichtigung eines Berechtigungskonzeptes.
Die Kommunikation zwischen den dynamischen Modulen und der Hauptanwendung ist nicht mehr Teil dieses Artikels. Aus Gründen der Vereinfachung werde ich in den Codebeispielen eine geteilte Referenz auf ein State-Objekt verwenden. Die im Artikel referenzierte Demo-Anwendung finden Sie hier.

zum Inhalt >
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.

zum Inhalt >
Angular

Nachladen von Angular-Modulen: Einführung & Use Cases – Teil 1

Eine hohe Performance und die Sicherheit von Webapplikationen ist für jeden Entwickler ein Dauerthema. Unter JavaScript ist es möglich, für eine hohe Performance nur die gerade benötigten oder wegen der Sicherheit nur die erlaubten Teile der Applikation zu laden.


Diese Artikelserie wird zeigen, wie das Angular-Framework dieses Feature auf einfach Weise zur Verfügung stellt. Ich werde die zwei unterschiedlichen Wege erläutern, mit denen im Fall einer Nutzeraktion in Angular eine Modulfunktionalität asynchron nachgeladen werden kann. Für beide Fälle werden die damit verbundenen Vor- und Nachteile besprochen.

zum Inhalt >
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).

zum Inhalt >