Zurück zum Programm

16.11.2023 - 14:00 Uhr

Atomic Design und Storybook: Die perfekte Kombination für effiziente UI-Entwicklung

Atom­ic Design ist ein Ansatz, Kom­po­nen­ten für eine App­lika­tion struk­turi­ert zu entwickeln.
Der Code bleibt dadurch gut separi­ert und über­sichtlich. In Kom­bi­na­tion mit Sto­ry­book bietet es Entwick­lern die ide­ale Plat­tform, um Kom­po­nen­ten zu entwick­eln, zu visu­al­isieren, zu testen und zu doku­men­tieren. Nicht nur die Entwick­ler prof­i­tieren vom Sto­ry­book, auch viele andere Stake­hold­er wie Prod­uct Own­er und UX-Design­er kön­nen es nutzen.

Wir stellen in unserem Vor­trag Atom­ic Design vor und zeigen, wie man es mit Sto­ry­book umset­zten kann. In Live-Demos zeigen wir automa­tisierte UI- und Acces­si­bil­i­ty-Tests in Storybook.

Lernziele

Die Ziele sind unter anderem Atomic Design kennenzulernen und einen Überblick über einige Features von Storybook zu erhalten. Dabei gehen wir besonders auf die automatisierten UI- und Accessibility-Tests in Storybook ein.

Niveau

Grundlagen

Vorkenntnisse

Grundkenntnisse von Storybook sind von Vorteil, aber nicht nötig.
Markus Ottlik
andrena objects ag
Als Agile Software Engineer fühle ich mich im agilen Projektumfeld wohl. Ich engagiere mich im Team, um gemeinsam auf qualitativ hochwertige Produktinkremente hinzuarbeiten. Dafür entwickele ich am liebsten testgetrieben - gerne auch mal im Pair! Seit über fünf Jahren bringe ich meine Kenntnisse im Bereich von Webapplikationen ein. Als Full Stack Developer unterstützte ich verschiedene Projekte in der Finanzbranche, im Personalmanagement und in der Energiewirtschaft. Als Kerntechnologien fanden dabei Angular oder React im Frontend und Java im Backend Anwendung. Aktuell unterstütze ich bei der Entwicklung eines Design-Systems, das in einem skalierten Projekt mit mehreren Teams und einigen Frontends eingesetzt wird.
Markus Wiktorin
andrena objects ag
Ich bin seit fast 5 Jahren Agile Software-Engineer bei der andrena objects ag und habe in mehreren Produkten Erfahrungen gesammelt. Als Fullstack-Entwickler begeistere ich mich für die Frontend- und Backend-Entwicklung. In beiden Bereichen spielen für mich automatisierte Tests eine wichtige Rolle. Test-Driven-Development und andere XP-Techniken sind meine täglichen Begleiter. Aktuell beschäftige ich mich unter anderem mit der Verwendung eines Design-Systems in einem skalierten Projektumfeld, in dem eine größere Frontendanwendung weiterentwickelt wird.