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.
Technoly GmbH
Berlin, Germany
Senior
JavaScript
Angular
+1
Bitpanda
Vienna, Austria
Senior
TypeScript
Angular
+3
Matching moments
07:04 MIN
Understanding the problems solved by Angular schematics
Generating code with Angular schematics
01:34 MIN
Key takeaways for building multi-version frontends
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
01:35 MIN
Summary of breaking down design and development silos
Breaking Down Silos Between Design and Development
01:16 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
02:24 MIN
Schematics are a framework-agnostic, extensible tool
Generating code with Angular schematics
01:40 MIN
Exploring the core pillars of Angular architecture
Angular Unleashed: Mastering Modern Web Development with Angular
04:30 MIN
Understanding Angular as a complete development platform
Angular <> Angular CDK - Awesomeness Combined
04:10 MIN
The business impact and future platform vision
Reducing Cognitive Overload Through Platform Engineering
Featured Partners
Related Videos
Angular Magical directives
Valentine Awe
The Illusion of a Performant Web Application
Cathrin Möller
Sustainable Angular Architectures with Nx and Strategic Design
Manfred Steyer
Angular Features You Should be Using
Sani Yusuf
Angular Unleashed: Mastering Modern Web Development with Angular
Indu Chaube
Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
Micro Frontends with Module Federation: Why and How?
Manfred Steyer
Stand alone components in Angular
Valentine Awe
Related Articles
View all articles



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

&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript

Confideck GmbH
Vienna, Austria
Remote
Intermediate
Senior
Node.js
MongoDB
TypeScript

PiNCAMP GmbH
Berlin, Germany
Senior
React
GraphQL
Next.js


ING
Amsterdam, Netherlands
Senior
Java
Solution Architecture
Business Process Management (BPM)


BEKO Engineering & Informatik GmbH
Remote
€60K
.NET
Azure
Angular
+1

