System Design SpaceSystem Design Space
Онбординг
Вернуться к оглавлению

Архитектура фронтенда

12 глав

На этой странице собраны все главы темы. Открывайте главы по порядку или используйте страницу как карту раздела.

1

Зачем нужна архитектура фронтенда

Авторский материалeasy

Вводная глава части: почему frontend-архитектура критична для UX, скорости поставки и масштабирования продуктовых команд.

Открыть главу
2

Frontend Architecture for Design Systems (short summary)

Обзор книгиmedium

Micah Godbolt о 4 столпах фронтенд-архитектуры: код, процессы, тестирование, документация. Schema-driven design system от Red Hat.

Открыть главу
3

Frontend system design кейс: Design Instagram Feed

Практический кейсmedium

Практический frontend-кейс: проектирование ленты Instagram с акцентом на производительность, кэширование, pagination и UX для мобильных сценариев.

Открыть главу
4

Frontend system design кейс: Design Google Docs collaborative editor

Практический кейсhard

Практический frontend-кейс: коллаборативный редактор в стиле Google Docs, real-time синхронизация, конфликт-резолвинг, offline-first и UX при сетевых сбоях.

Открыть главу
5

Building Micro-Frontends (short summary)

Обзор книгиmedium

Luca Mezzalira о практиках масштабирования frontend-команд: доменные границы, composition, governance и поэтапная миграция с монолита.

Открыть главу
6

Micro Frontends in Action (short summary)

Обзор книгиmedium

Michael Geers о декомпозиции фронтенда на независимые vertical slices: composition, интеграция команд и миграция с монолитного SPA.

Открыть главу
7

The Art of Micro Frontends - Second Edition (short summary)

Обзор книгиmedium

Florian Rappl о зрелых практиках micro-frontends: orchestration, communication, governance, developer experience и enterprise case studies.

Открыть главу
8

React.js: The Documentary

Документальный фильмeasy

История React: конкуренция с фреймворками, выход в open source и путь к признанию.

Открыть главу
9

Angular: The Documentary

Документальный фильмeasy

История Angular: внутренний эксперимент в Google, миграции и современная платформа.

Открыть главу
10

Svelte Origins: A JavaScript Documentary

Документальный фильмeasy

Документальный фильм о происхождении Svelte, компиляторной философии фреймворка и его развитии до конца 2021 года.

Открыть главу
11

Vite: The Documentary

Документальный фильмeasy

Как побочный проект Эвана Ю изменил весь фронтенд: от dev-сервера для Vue до 17 млн скачиваний в неделю.

Открыть главу
12

Ember.js: The Documentary

Документальный фильмmedium

История Ember.js: от SproutCore 2.0 до зрелой платформы со стабильными апгрейдами.

Открыть главу