Кросплатформна розробка мобільного застосунку на Capacitor
Capacitor 6.x — нативний runtime для веб-застосунків: бере існуючий React, Vue або Angular SPA та запускає його в нативному WebView (WKWebView на iOS, системний WebView на Android), додаючи міст до нативних API через TypeScript-плагіни. Ключова відмінність від старого Cordova: архітектура плагінів написана заново на Swift/Kotlin, конфігурація через capacitor.config.ts, а не config.xml, та немає залежності від платформенних обгорток cordova-android/cordova-ios.
Цей варіант добре працює коли: у клієнта є готовий веб-продукт, який потрібно «упакувати» в застосунок для сторів, або коли команда — фронтенд-розробники без мобільного досвіду, та проект не вимагає високопродуктивної анімації.
Де обмеження стають видимими
WebView не дає 120fps анімації. Скролл важких списків на mid-range Android телефоні (MediaTek Helio G85) дає помітний jank — системний WebView не використовує апаратне прискорення так само агресивно, як нативний ScrollView. Часткове рішення: overscroll-behavior: none у CSS, content-visibility: auto для віртуалізації, will-change: transform для анімованих елементів. Повністю проблема не зникає.
Нативні API — через плагіни Capacitor: @capacitor/camera, @capacitor/geolocation, @capacitor/push-notifications, @capacitor/filesystem. Якщо потрібного плагіна немає — пишемо користувацький на Swift/Kotlin через npx cap plugin:generate. Це вже вимагає нативного досвіду.
Терміни та застосованість
Для проектів з готовим веб-застосунком — від 2 до 6 тижнів на адаптацію під мобільний UX, настройку плагінів, проходження ревью сторів. Ревью — окрема тема: App Store відхиляє «тонкі обгортки» над веб-сайтом за правилом 4.2 (мінімальна функціональність). Застосунок повинен забезпечувати цінність, недоступну в браузері: оффлайн-режим, push-повідомлення, робота з камерою або файловою системою.
Вартість розраховується індивідуально по обсягу нативних інтеграцій та стану існуючого веб-застосунку.