Frontend Architecture

Introductory chapter of the part: why frontend architecture is critical for UX, delivery speed and scaling of product teams.

Micah Godbolt on the 4 pillars of frontend architecture: code, processes, testing, documentation. Schema-driven design system from Red Hat.

Practical frontend case: designing an Instagram feed with an emphasis on performance, caching, pagination and UX for mobile scenarios.

Practical frontend case: collaborative editor in Google Docs style, real-time synchronization, conflict resolution, offline-first and UX in case of network failures.

Luca Mezzalira on practices for scaling frontend teams: domain boundaries, composition, governance and gradual migration from a monolith.

Michael Geers on decomposing the frontend into independent vertical slices: composition, team integration and migration from a monolithic SPA.

Florian Rappl on mature micro-frontends practices: orchestration, communication, governance, developer experience and enterprise case studies.

History of React: competition with frameworks, entry into open source and path to recognition.

The history of Angular: Google's internal experiment, migrations, and the modern platform.

Documentary on Svelte's origins, its compiler-first philosophy, and ecosystem evolution through the end of 2021.

As a side project, Evan Yu changed the entire frontend: from a dev server for Vue to 17 million downloads per week.

History of Ember.js: from SproutCore 2.0 to a mature platform with stable upgrades.