Jochen Supper & Tobias Siebert
Generate Customer Journeys from reusable Building Blocks
#1about 5 minutes
Differentiating simple and complex product sales experiences
Classifying products into simple off-the-shelf types versus complex configurable types reveals a gap in industrializing web experiences for the latter.
#2about 2 minutes
Building a platform with a bottom-up component strategy
A progressive enhancement strategy using common, reusable parts from the bottom up allows for building a scalable platform without a big bang rewrite.
#3about 4 minutes
Generating application flow from a JSON configuration
Custom Angular Schematics read a JSON file defining pages and their order to automatically generate a functional, multi-step Angular application skeleton.
#4about 8 minutes
Composing UIs with self-contained building blocks
Angular components are wrapped as self-contained building blocks with defined data contracts, which can be composed via configuration to build page content.
#5about 2 minutes
Dynamically configuring components using feature toggles
An inspector tool allows for creating rules that dynamically toggle the visibility or editability of specific elements within a building block at runtime.
#6about 2 minutes
Scaling development by reusing common components
New customer journeys are created efficiently by developing only product-specific building blocks and reusing a library of common components like payment and delivery.
#7about 5 minutes
Q&A on backend, git structure, and micro frontends
The discussion covers backend architecture, using an Nx-based monorepo for building blocks, component reuse metrics, and how building blocks relate to micro frontends.
Related jobs
Jobs that call for the skills explored in this talk.
Senior Fullstack Engineer – Angular/.Net (f/m/d)
Apaleo
München, Germany
Remote
€65-85K
Senior
JavaScript
.NET
+2
Matching moments
00:37 MIN
Understanding the problems solved by Angular schematics
Generating code with Angular schematics
23:13 MIN
Key takeaways for building multi-version frontends
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
52:47 MIN
Summary of breaking down design and development silos
Breaking Down Silos Between Design and Development
04:37 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
07:41 MIN
Schematics are a framework-agnostic, extensible tool
Generating code with Angular schematics
05:53 MIN
Exploring the core pillars of Angular architecture
Angular Unleashed: Mastering Modern Web Development with Angular
00:35 MIN
Understanding Angular as a complete development platform
Angular <> Angular CDK - Awesomeness Combined
20:22 MIN
The business impact and future platform vision
Reducing Cognitive Overload Through Platform Engineering
Featured Partners
Related Videos
Angular Magical directives
Valentine Awe
Interface Contracts in Microfrontend Architectures
Alexander Günsche
The Illusion of a Performant Web Application
Cathrin Möller
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
Nathalia Rus
Sustainable Angular Architectures with Nx and Strategic Design
Manfred Steyer
Angular Features You Should be Using
Sani Yusuf
Independently together: how micro-applications improve developer experience + app performance
Bilal Cinarli
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
Manfred Steyer
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.


Lead Full-Stack Engineer
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
Node.js
TypeScript


SENIOR AI SOLUTIONS ENGINEER (M/W/D) Based in Germany
Wilken GmbH
Ulm, Germany
Senior
Kubernetes
AI Frameworks
GitHub Copilot
Anthropic Claude
Cloud (AWS/Google/Azure)

Cloud Engineer (m/w/d)
fulfillmenttools
Köln, Germany
€50-65K
Intermediate
TypeScript
Google Cloud Platform
Continuous Integration

Frontend Engineer - React (f/m/x) Germany-based
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
React
TypeScript

Backend Engineer (m/w/d)
fulfillmenttools
Köln, Germany
€35-65K
Intermediate
TypeScript
Agile Methodologies
Google Cloud Platform

(Senior) Platform Engineer (f/m/d)
MARKT-PILOT GmbH
Stuttgart, Germany
Remote
€75-90K
Senior
Terraform
Kubernetes
Cloud (AWS/Google/Azure)

Founding Product Engineer
fonio GmbH
Vienna, Austria
Remote
€70-100K
Intermediate
Senior
React
Node.js
Next.js
+1