Мобильная разработка

Мобильная разработка для продукт-инженера через web-first: PWA, Capacitor и WebView-обёртки, нативные API, специфика iOS и Android, push, офлайн — и когда нужен натив.

Зачем для UCP. Мобильная разработка — продолжение frontend-специализации продукт-инженера: тот же стек React + TypeScript, упакованный в нативные обёртки. Чтобы один человек довёл продукт до пользователя на телефоне, не обязательно писать нативно — web-first закрывает большинство случаев.

Раздел разбит на 9 статей: подход → веб-основа и обёртка → платформы → возможности → предел.

Подход

Web-first, гибрид или натив — три подхода и почему выгоден web-first.

Веб-основа и обёртка

PWA: устанавливаемое веб-приложение — manifest, service worker, офлайн, установка.
Capacitor: нативная обёртка — упаковка веба в бинарь для сторов.
Нативные API: мост и плагины — камера, гео, файлы из TypeScript.

Платформы

iOS: WKWebView и App Store — движок, лимиты, ревью 4.2, TestFlight.
Android: TWA и Play Store — Capacitor против TWA, Bubblewrap, Digital Asset Links.

Возможности

Push-уведомления — web push, FCM/APNs, Capacitor.
Офлайн и хранение — кеш, IndexedDB/SQLite, синхронизация.

Предел

Когда нужен натив — граница web-first, React Native/Flutter/натив.

Связанное

Frontend — базовая специализация: React + TypeScript.
Продукт-инженер — карта специализаций и путь.