Миграция с Flutter Web на Jaspr: наш опыт

Вот важная новость с фронта ИИ: san-smith 6 минут назад Миграция с Flutter Web на Jaspr: наш опыт 8 мин 8 Flutter * Dart * Проектирование и рефакторинг * Веб-разработка * Кейс Flutter и жизненные коллизии– Открывай dart. – Обычная Димина напористость сегодня была приправлена доброй горстью нетерпеливости. Что ты видишь в правом нижнем углу?

– Ссылки всякие: на Github там, Twitter и т. – в растерянности я пытался угадать, на что именно нужно обратить внимание. Кажется, Дима по ту сторону звонка схватился за голову.

Технические детали

– Видишь баннер “Built with Jaspr”?! Я молча кивнул и кликнул по баннеру. Уже несколько лет мы занимаемся развитием клиентского приложения на Flutter: начинали с мобильных платформ, когда веб и десктоп вышли в бету – портировали его и на эти платформы.

Последние два года PWA крутится в проде и в некоторых регионах является самой популярной платформой для нашего приложения. Недавно мы попробовали мигрировать наше приложение с Flutter Web на Jaspr – под катом расскажем о том, почему мы это сделали, с какими трудностями столкнулись и какие выводы сделали. Jaspr — это современный веб-фреймворк с открытым исходным кодом, написанный на языке Dart и предназначенный для создания быстрых, производительных веб-сайтов и веб-приложений.

Главная идея Jaspr заключается в том, чтобы перенести компонентный подход и реактивную модель разработки из Flutter в нативный веб. В отличие от классического Flutter Web, который рендерит интерфейс на Canvas, Jaspr генерирует стандартный HTML и CSS, как это делают React, Vue или Angular. Фреймворк поддерживает рендеринг на стороне сервера (SSR), генерацию статических сайтов (SSG) и классические одностраничные приложения (SPA).

Отраслевые последствия

Очень рекомендую посмотреть сайт проекта, там наглядно показано, чем Jaspr похож на Flutter, а в чём они отличаются. Что не так с Flutter Web? Для нас главная ахиллесова пята приложений на Flutter Web – долгий холодный старт.

Дело в том, что PWA, написанное на Flutter Web, должно загрузить canvaskit. wasm (несколько МБ) и некоторые другие файлы прежде, чем сможет нарисовать первый кадр. При хорошем интернете это не проблема, но в регионах, где нестабильный 3G – это максимум, на который можно рассчитывать, становится больно.

Первый запуск занимает несколько секунд, при плохом раскладе – несколько десятков. Timeline приложения на Flutter WebУгнать за 6 секундПочти 6 секунд потребовалось, чтобы загрузить необходимые ресурсы до первого запроса к API. Да, скорость интернета в данном случае была паршивой, но ведь пользователям не интересны причины.

Событие, по словам экспертов, усилит конкуренцию в сфере ИИ.