Outline
Block 1: Architectures
Web Approach
Server-Side Composition
Client-Side Composition
Siteless UIs
Block 2: Tooling for SPA Micro Frontends
Web Components
Single SPA
Module Federation
Piral
Block 3: Modularization
Domain Decomposition
Dependency Graphs
Import maps and SystemJS
UX Scaling
Block 4: Development Concerns
App Shell Model
Emulator Distribution
Performance Considerations
E2E Testing
Requirements
Installed applications: git, Node.js (minimum: v12, recommended: v16) some IDE (recommended: VS Code)
Knowledge in HTML and CSS (basics)
Adept in JavaScript
Dr. Florian Rappl is Solutions Architect for IoT and distributed web applications at smapiot. His main interest lies in the creation of innovative architectures that scale in development and usage. He won several prizes for his work and is a Microsoft MVP in the area of developer technologies. He regularly blogs and writes articles for popular magazines and websites in the web development space....