Архитектура фронтенда
12 главНа этой странице собраны все главы темы. Открывайте главы по порядку или используйте страницу как карту раздела.
Зачем нужна архитектура фронтенда
Авторский материалeasyВводная глава части: почему frontend-архитектура критична для UX, скорости поставки и масштабирования продуктовых команд.
Открыть главуFrontend Architecture for Design Systems (short summary)
Обзор книгиmediumMicah Godbolt о 4 столпах фронтенд-архитектуры: код, процессы, тестирование, документация. Schema-driven design system от Red Hat.
Открыть главуFrontend system design кейс: Design Instagram Feed
Практический кейсmediumПрактический frontend-кейс: проектирование ленты Instagram с акцентом на производительность, кэширование, pagination и UX для мобильных сценариев.
Открыть главуFrontend system design кейс: Design Google Docs collaborative editor
Практический кейсhardПрактический frontend-кейс: коллаборативный редактор в стиле Google Docs, real-time синхронизация, конфликт-резолвинг, offline-first и UX при сетевых сбоях.
Открыть главуBuilding Micro-Frontends (short summary)
Обзор книгиmediumLuca Mezzalira о практиках масштабирования frontend-команд: доменные границы, composition, governance и поэтапная миграция с монолита.
Открыть главуMicro Frontends in Action (short summary)
Обзор книгиmediumMichael Geers о декомпозиции фронтенда на независимые vertical slices: composition, интеграция команд и миграция с монолитного SPA.
Открыть главуThe Art of Micro Frontends - Second Edition (short summary)
Обзор книгиmediumFlorian Rappl о зрелых практиках micro-frontends: orchestration, communication, governance, developer experience и enterprise case studies.
Открыть главуReact.js: The Documentary
Документальный фильмeasyИстория React: конкуренция с фреймворками, выход в open source и путь к признанию.
Открыть главуAngular: The Documentary
Документальный фильмeasyИстория Angular: внутренний эксперимент в Google, миграции и современная платформа.
Открыть главуSvelte Origins: A JavaScript Documentary
Документальный фильмeasyДокументальный фильм о происхождении Svelte, компиляторной философии фреймворка и его развитии до конца 2021 года.
Открыть главуVite: The Documentary
Документальный фильмeasyКак побочный проект Эвана Ю изменил весь фронтенд: от dev-сервера для Vue до 17 млн скачиваний в неделю.
Открыть главуEmber.js: The Documentary
Документальный фильмmediumИстория Ember.js: от SproutCore 2.0 до зрелой платформы со стабильными апгрейдами.
Открыть главу