Segments

Frontend

The frontend encompasses all visual elements and user interfaces of an application.

Model order
  1. Knowledge domains
  2. /Thematic areas
  3. /Segments
  4. /Building blocks
View
Segment
Type
Classification
ConceptApplication Logic

Client State

Concept for managing state on the client side, including session, UI and cached data. Describes design aspects, synchronization and consistency requirements.

#Architecture#Integration
ConceptApplication Logic

Client-Side Architecture

Concept for structuring user interfaces and client-side logic, focusing on rendering, state management and performance in browsers or native clients.

#Architecture#Platform
ConceptApplication Logic

Component-Based Architecture

An architectural approach that decomposes systems into well-defined, reusable components with explicit interfaces.

#Architecture#Software Eng.
ConceptApplication Logic

Error Handling

Core strategies for detecting, classifying and handling errors in software systems.

#Software Eng.#Reliability
ConceptApplication Logic

State Management

Conceptual principles and patterns for managing application state across components, clients and servers.

#Software Eng.#Architecture
ConceptBuild & Delivery

Frontend Build Pipeline

A standardized, automated chain for building, testing and bundling frontend artifacts prior to deployment.

#Architecture#Software Eng.
ConceptBuild & Delivery

Frontend Performance

Concepts and practices for measuring and optimizing page load, rendering latency, and interaction speed in web UIs.

#Observability#Software Eng.
TechnologyBuild & Delivery

Vite

Vite is a modern build tool and development server for frontend projects focused on fast startup times and hot module replacement.

#Software Eng.#DevOps
TechnologyBuild & Delivery

Webpack

Webpack is a powerful module bundler for modern JavaScript applications.

#Product#Delivery
MethodIntegration

API Consumption

Guideline for the structured use of external and internal APIs by applications and services.

#Integration#Software Eng.
ConceptIntegration

Client State

Concept for managing state on the client side, including session, UI and cached data. Describes design aspects, synchronization and consistency requirements.

#Architecture#Integration
ConceptIntegration

Frontend–Backend Integration

Conceptual guidance for designing reliable interfaces and communication between frontend and backend systems.

#Integration#Architecture
ConceptIntegration

Representational State Transfer (REST)

REST is an architectural style that defines the communication between client and server via the HTTP protocol.

#Delivery#Governance
ConceptIntegration

Server State

Describes the condition of a server or service at a given time, including configuration, running processes and persistent data. Relevant for availability, consistency and recoverability in distributed systems.

#Platform#Reliability
ConceptInterface

Client-Side Architecture

Concept for structuring user interfaces and client-side logic, focusing on rendering, state management and performance in browsers or native clients.

#Architecture#Platform
ConceptInterface

Design Systems

A structured set of components, tokens and guidelines that ensures visual and functional consistency across products and teams.

#Product#Software Eng.
ConceptInterface

User Interface Architecture

Conceptual guidelines for structuring frontend components, their interactions, state management, and integration with backend services.

#Architecture#Software Eng.
TechnologyInterface

Web Content Accessibility Guidelines (WCAG)

WCAG defines principles and success criteria for accessible web content. Its goal is improved usability and legal compliance across diverse user groups.

#User Experience#Usability
ConceptOperations

Content Delivery Network (CDN)

A CDN distributes content via a global network of edge servers to reduce latency and improve availability for web, video and API traffic.

#Platform#Architecture
ConceptOperations

Error Handling

Core strategies for detecting, classifying and handling errors in software systems.

#Software Eng.#Reliability
ConceptOperations

Frontend Build Pipeline

A standardized, automated chain for building, testing and bundling frontend artifacts prior to deployment.

#Architecture#Software Eng.
ConceptOperations

Frontend Performance

Concepts and practices for measuring and optimizing page load, rendering latency, and interaction speed in web UIs.

#Observability#Software Eng.
ConceptOperations

Server State

Describes the condition of a server or service at a given time, including configuration, running processes and persistent data. Relevant for availability, consistency and recoverability in distributed systems.

#Platform#Reliability
ConceptState & Data

Client State

Concept for managing state on the client side, including session, UI and cached data. Describes design aspects, synchronization and consistency requirements.

#Architecture#Integration
Page 1 of 2