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

Web-API mit Turbo: Deep Dive in async/await bei Backend-APIs

Asynchrone Programmierung wird immer häufiger als der Heilsbringer in Sachen Performance angepriesen. Doch stimmt das auch? Die Antwort ist ein ganz klares Jaein. Was bedeutet asynchrone...

01.09.2021 | Sebastian Gingter
Jetzt kostenlos registrieren

Standardized Deployments for Cloud-Native Apps in Azure with Porter

Application deployment is complicated and error-prone. Especially when it comes to cloud-native apps. Numerous tools have to work seamlessly hand-in-hand to ensure deployments are successful. The...

26.08.2021 | Thorsten Hans
Register now for free

Webinar-Recordings

3D-Visualisierung im Web mit BabylonJS [Webinar]

In Max Schulte's Webinar lernen Sie die kritischen Unterschiede zwischen einem SPA-Frameworks und einer Grafik-Engine kennen und sehen einen Architekturansatz, der die Vorteile beider Technologien optimal zusammenführt.

28.07.2021 | Max Schulte
View recording

Angular-Performance: So zünden Sie den Turbo [Webinar]

Christian Liebel zeigt Ihnen mit Zone.js, Change Detection und Service Workern die wichtigsten Performance-Stellschrauben des Angular-Frameworks, damit Sie auch für Ihre Angular-App den Turbo zünden können.

21.07.2021 | Christian Liebel
View recording

Artikel zum Thema Angular

05.08.2021 | Max Schulte

This is the second article of the mini-series "Condensed Angular experiences". We will explore concepts in Angular that seem simple but are very powerful and critical for the application architecture. Understanding Angular's Async pipe What is the hype with Angular's OnPush change detection? About smart and…

Read article
14.07.2021 | Max Schulte

Understanding Angular's Async Pipe What is the Hype with OnPush? (coming soon) Smart vs. Representational Components (coming soon) Different Approaches to Complex and Advanced Forms in Angular (coming soon) Every Angular developer knows the pipe. It is almost always present when writing components and using…

Read article
10.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 need an elaborate state management system, why bother. You can achieve a clean…

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.