Jochen Supper & Tobias Siebert

Generate Customer Journeys from reusable Building Blocks

What if you could generate entire Angular applications for complex customer journeys from a single JSON file?

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.

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior

Featured Partners

Related Videos

Angular Magical directives29:11

Angular Magical directives

Valentine Awe

The Illusion of a Performant Web Application28:56

The Illusion of a Performant Web Application

Cathrin Möller

Sustainable Angular Architectures with Nx and Strategic Design50:57

Sustainable Angular Architectures with Nx and Strategic Design

Manfred Steyer

Angular Features You Should be Using36:22

Angular Features You Should be Using

Sani Yusuf

Angular Unleashed: Mastering Modern Web Development with Angular58:56

Angular Unleashed: Mastering Modern Web Development with Angular

Indu Chaube

Stand alone components in Angular28:11

Stand alone components in Angular

Valentine Awe

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Angular tips/tricks you can use from tomorrow on50:28

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

From learning to earning

Jobs that call for the skills explored in this talk.

Lead Full-Stack Engineer

Lead Full-Stack Engineer

Hubert Burda Media
München, Germany

€80-95K
Intermediate
Senior
React
Vue.js
Node.js
MongoDB
+1