Storybook Best Practices mit Angular vom 03.03.21 [Webinar]

Storybook ist ein hervorragendes Tool zur Erstellung von UI-Komponentenkatalogen. Steuerelemente können hier isoliert betrachtet, ausprobiert und dokumentiert werden – eine perfekte Schnittstelle zwischen Designern, Entwicklern und weiteren Projektbeteiligten.

Christian Liebel stellte im Webinar am 03. März 2021 ein Vorgehensmodell vor, das auf unseren Erfahrungen aus vielen Kundenprojekten mit Angular basiert. Auf einen Streich entsteht damit nicht nur eine erstklassige Komponentenbibliothek, sondern zugleich eine besonders modulare Codebasis – die zugleich Synergieeffekte für Unit Tests und Mocking mit sich bringt.

Presenter & Moderator

Presenter

Christian Liebel

Christian Liebel is consultant at Thinktecture, focuses on web standards and Progressive Web Applications, and is Thinktecture's representative at the W3C.
Moderator

Gøran Homberg

Gøran Homberg is Consultant at Thinktecture and works with our clients on requirements engineering, project definition, and project management.

Agenda

  • Kurze Einführung in Storybook und Installation in bestehenden Angular-Workspaces
  • Vorstellung eines modularen Ansatzes zur Implementierung von Steuerelementen
  • Beschreibung der Architekturvorteile, die sich dadurch ergeben
  • Ausblick auf weitere Verwendungsmöglichkeiten dieses Ansatzes
  • Q&A

Slidedeck des Storybook-Webinars

Kommende Webinare

Authentifizierung & Autorisierung mit Keycloak für ASP.NET-Entwickler

Ob Authentication oder Authorization, Multi-Tenancy oder aber für einfache Anwendungen: Keycloak ist ein Open Source Identity and Access Management System mit dem Ihre Anwendungen Authentifizierung...

26.05.2021 | Boris Wilhelms
Jetzt kostenlos registrieren

Entity Framework Core 5 Performance-Optimierung aus der Praxis

Mit der Veröffentlichung von Entity Framework Core v3 hat sich das Verhalten des Objekt-Relationalen Mappers von Microsoft maßgeblich geändert. Einige Performance-Probleme haben sich mit der neuen...

12.05.2021 | Pawel Gerr
Jetzt kostenlos registrieren

Webinar-Recordings

Blazor WebAssembly: Forms in Action [Webinar]

Patrick Jahr zeigt die Grundlagen von SignalR in .NET 5. Anhand eines Beispielprojekts (mit Angular Client) werden auch Sicherheitsaspekte einer Echtzeitverbindung mit SignalR illustriert.

14.04.2021 | Patrick Jahr
View recording

Sichere und robuste Docker Images für .NET [Webinar]

In diesem Webinar zeigte Azure-MVP Thorsten Hans wie auch Sie sichere, und robuste Docker Images erstellen. Sämtliche Demos und Beispiele sind anhand einer .NET WebAPI erläutert.

31.03.2021 | Thorsten Hans
View recording

Artikel zum Thema Angular

06.05.2021 | Yannick Baron

Should You Use NgRx, in the First Place? This is a question that cannot be answered easily. Like every framework or library out there, it was made to do a certain thing, and to do it well. If your app is tiny and does not have the need for an elaborate state management system, then why bother. You can achieve…

Read article
14.01.2021 | Konstantin Denerz

In this article you will see how to enrich your test suite with functional and visual end-to-end tests for your Angular applications. Setting the Scene In the previous article, Visual Testing Of Angular Components With Storybook & Chromatic, I described how to use visual tests to test Angular components with…

Read article
16.12.2020 | Konstantin Denerz

In a previous article, From paper sketch to a running application - Adobe XD, Storybook & Angular in action, I described the basics of writing Storybook stories and Angular components. In this follow-up, you will learn to enhance the Storybook workflow through visual testing to achieve fast feedback and…

Read article

Let’s talk!

Contact us to schedule a phone call or meeting. We can help you achieve your project goals and increase your technical skill levels!

Sending ...
Thank you! Your contact request has been received and one of our colleagues will respond within the current or next business day.
Oops! Something went wrong while submitting the form.
Please enter a valid email address, name and message.