29.05.2024 | 

Webinar: Write once, use anywhere: Framework agnostic Design Systems auf Basis von Web Components

Es gibt sie da draußen zu Hauf. Nein die Rede ist nicht von Frontend-Frameworks, sondern vorgefertigten Component Libraries wie „Angular Material“, „Ionic“, „MUI“, „TUI“, „MudBlazor“ uvm. Sie alle versuchen uns das Leben als Entwickler einfacher zu machen und uns wiederverwendbare Komponenten zu liefern. Je nach Library sind sie Framework ab- oder unabhängig, mal besser, mal schlechter zu customizen.Deshalb ist es im Enterprise-Umfeld nicht selten, dass sich Firmen dazu entscheiden eigene Libraries nach ihren Bedürfnissen zu kreieren. Sollen dann auch noch unterschiedliche Frontend-Frameworks oder CMS Systeme damit bedient werden können, kommt man nicht um sie herum. Web Components.Sascha Lehmann von Thinktecture zeigt Ihnen in dieser Session wie Sie mit Hilfe von „Lit“ hochgradig anpassbare und leichtgewichtige Web Components bauen können, auf welche Fallstricke Sie bei der Architektur der Library achten müssen, wie Sie dabei von etablierten Libraries lernen können und die höchstmögliche Kompatibilität erreichen indem Sie die API’s nutzen die der Browser uns gibt.

Mehr Beiträge zu Angular, UX, UX/UI
Sascha Lehmann ist Developer bei Thinktecture. Sein Fokus liegt auf Angular und der Verbesserung von User Experience.

Moderation

Gøran Homberg

Gøran Homberg

Gøran Homberg ist Consultant bei Thinktecture und arbeitet mit unseren Kunden bzgl. deren Anforderungen, Projektansätzen und zugehörigem Projekt-Management.

Agenda

TBA

Weitere Artikel zu Angular, UX, UX/UI

Low-angle photography of metal structure
AI
cl-neu

AI-Funktionen zu Angular-Apps hinzufügen: lokal und offlinefähig

Künstliche Intelligenz (KI) ist spätestens seit der Veröffentlichung von ChatGPT in aller Munde. Wit WebLLM können Sie einen KI-Chatbot in Ihre eigenen Angular-Anwendungen integrieren. Wie das funktioniert und welche Vor- und Nachteile WebLLM hat, lesen Sie hier.
26.02.2024
Angular
SL-rund

Konfiguration von Lazy Loaded Angular Modulen

Die Konfigurierbarkeit unserer Angular-Module ist für den Aufbau einer wiederverwendbaren Architektur unerlässlich. Aber in der jüngsten Vergangenheit hat uns Angular seine neue modullose Zukunft präsentiert. Wie sieht das Ganze jetzt aus? Wie konfigurieren wir jetzt unsere Lazy-Komponenten? Lasst uns gemeinsam einen Blick darauf werfen.
03.08.2023
Angular
yb

Using EntityAdapter with ComponentStore: @ngrx/entity Series – Part 3

As someone who enjoys the ComponentStore on an average level, I have written simple reactive CRUD logic several times. While storing a vast number of entities in the component state might not be a frequent use case, I will briefly illustrate the usage of the EntityAdapter with the @ngrx/component-store.
14.02.2023
Angular
yb

Multiple Entity Collections in the Same Feature State: @ngrx/entity-Series – Part 2

After introducing the @ngrx/entity package, I am often asked how to manage multiple entity types in the same feature state. While I hope that the previous part of this article series has made this more apparent, I will further focus on this question in the following.
07.02.2023
Angular
yb

Managing Your Collections With the EntityAdapter: @ngrx/entity-Series – Part 1

This three-part series of blogposts is targeted at developers who have already gained experience with NgRx but still manage their collections themselves. In the first part I introduce the Entity Adapter, in the second part I show you how to connect it to NgRx and in the third part how to do it with the Component Store as well.
31.01.2023
Angular
MS-rund

Implementing Smart and Presentational Components with Angular: Condensed Angular Experiences – Part 4

In this article, we will explore how to apply the concept of smart and presentational components with Angular. We will choose a complex-enough target to see all aspects in action, yet understandable and within the scope of this article. The goal is to teach you how to use this architecture in your way. For that, we will iterate through different development stages, starting with the target selection and implementing it in a naive way. After the first development, we will refactor that naive solution into smart and presentational components that are reusable, refactor-friendly, and testable.
23.01.2023