FrontendConf

PWA Сбербанк Онлайн

Технологии

Доклад принят в программу конференции

Целевая аудитория

Frontend-разработчики Что им интересно: • Архитектура микрофронтендов и организация кода. • Интеграция с WebView и обеспечение «нативного» UX. • Работа с Service Workers, кешем, оффлайном. • Оптимизация загрузки, lazy loading, CI/CD пайплайны. Что им даст доклад: • Практические кейсы, подходы и проблемы. • Инсайты по масштабированию и стандартизации в больших командах. • Подход к построению платформы как продукта для других команд.

Тезисы

Зачем мы пошли в PWA
1. Единый UX для всех платформ: web, mobile, WebView.
2. Обход ограничений стора: быстрые релизы, A/B-тесты, отсутствие модерации.
3. Низкий порог входа: не требует установки, доступен по ссылке.

Как мы это построили
4. Микрофронтенды + SystemJS: каждая команда — владелец экрана.
5. Платформа как продукт: единые сборки, дизайн-система, CI/CD, релизы.

UX и ощущение «нативности»
6. Анимации, свайпы, skeleton-экран — поведение как у мобильного приложения.
7. Поддержка WebView: плавность, адаптивность, совместимость с навигацией.
8. Работаем над нулевым временем загрузки: инкрементальная отрисовка, lazy loading.


С чем столкнулись
9. Производительность на слабых устройствах и в WebView — JS-оптимизации критичны.
10. Компоненты не учитывают мобильный UX: дорабатываем UI-kit.
11. Дублирование логики между mobile и web — работаем над переиспользованием. Шаг в WebView.

Руководит разработкой фронтальной платформы и архитектуры, помогает десяткам команд запускать фичи в веб. Продвигает микрофронтенды и нормальный UX даже в WebView. Активно развивает фронтенд-сообщество внутри Сбера, проводит митапы, помогает другим командам запускать фичи быстрее и качественнее.

Видео