Сёрф Flutter-разработка

Как финтеху использовать PWA Собрали выжимку из выступления 🏄‍♀️ Surf Head of Flutter Жени на конференции MobiFinance. Рассказали в статье на VC про технологию PWA, показали демо-версию банковского PWA-решения и примеры банков, которые уже перешли на PWA. 🔵 Читать статью #surf_vc #surf_flutter

Митап в Москве done 👍 Спасибо всем участникам московского митапа — рады вашей активности и вовлечённости! Делимся отзывами спикеров: 🔵 Марк, Surf Flutter EM:

Главное достижение этого митапа — нам удалось перенести внутреннюю атмосферу нашей команды, а у зрителей получилось её прочувствовать. Очень жаль, что не получилось пообщаться со всеми. Рад был увидеть студентов нашего курса, которые говорили столько приятных слов! Само это событие стало очередным доказательством того, что подобных мероприятий в сообществе должно стать больше.

🔵 Сергей, Surf Flutter Team Lead:

Мне очень понравилась атмосфера — с такими слушателями я даже перестал заикаться уже на второй минуте доклада, а после него и вовсе начал полноценно получать удовольствие от происходящего. Получил очень интересные вопросы, хотя я вообще не ожидал, что мне зададут хотя бы один, а также кайфанул от докладов остальных спикеров — и понял, как надо выступать.

🔵 Константин, Senior Flutter Dev, Yandex Pro:

Surf Flutter Meetup — чудесное мероприятие. Мой дебют в роли докладчика прошёл замечательно, в дружелюбной и открытой атмосфере. Множество горящих глаз, интересные доклады и бурные обсуждения. Огромное спасибо организаторам — это было шикарно! ❤️

Записи докладов coming soon 🐦 #surf_events #surf_flutter

Чем может быть полезен пакет nested? Все знакомы с деревьями виджетов с глубокой вложенностью в Flutter. Такой код трудно читать и рефакторить, но можно ли сделать его лучше? Да, с помощью пакета nested: он поможет получить более линейную структуру дерева виджетов. Как его использовать, ищи в карточках ⬆️ P. S. nested находится «под капотом» у provider, поэтому полезно понимать принципы его работы. Ссылки из карточек: 🔵 Пакет nested 🔵 Пакет provider 🔵 Surf Flutter App Template #surf_flutter #surf_opensource

Для каких ещё, кроме e-com, приложений можно использовать Flutter? Сейчас расскажем. Вообще мы решили чаще делиться нашими кейсами разработки, особенно если это что-то необычное. Ловите первый — приложение для цифровизации производственных процессов в компании Evraz Steel Building. Общее описание проекта в карточках, а полный кейс — по ссылке. Немного технических и организационных подробностей: 🔵 MVP сделали за 3 недели; 🔵 Реализовали систему кеширования с использованием СУБД, для работы с которой использовали библиотеку drift; 🔵 Одну из фичей реализовали с применением WebSocket на базе пакета ws (Миша @PlugFox, респект 🩵); 🔵 Сделали сканирование QR-кодов с применением пакета mobile_scanner; 🔵 Чтобы оставлять пометки на фотографиях, использовали пакет image_painter с нашими доработками; 🔵 Ну и конечно, использовали стандартные для нас: elementary, auto_route и provider для DI. 📱 Приложение в RuStore #surf_case #surf_flutter

Закрыли регистрацию на митап, всем спасибо! Ждём тебя завтра в лофте Idealista по адресу: ул. Нижняя Сыромятническая, 11/1, офис 316 (м. Чкаловская). В видео показали, как пройти в лофт от метро ⬆️

🏄‍♀️ Surf Flutter Developer Айнур делится впечатлениями от Стачки 13 апреля Айнур выступал на Стачке в Ульяновске и рассказывал про навигацию во Flutter. А вот его впечатления от конференции:

В целом конференция прошла супер-круто, я был удивлён масштабами и организацией: 🔵 ~300 спикеров 🔵 ~4000 участников 🔵 12-15 докладов параллельно по разным тематикам, из-за чего не успел всё, что хотел, посмотреть Мой доклад был в субботу утром после after party, поэтому аудитории было не густо, но прошло всё хорошо. Задавали вопросы, после выступления пообщались с ребятами по поводу навигации. Другие доклады по Flutter были, к сожалению, не супер интересными, кроме одного — про многомодульность. Как первое моё выступление и вообще поездка на такую конференцию — мне очень понравилось. Пообщался с кучей крутых ребят, послушал много интересных докладов, полюбовался Волгой. Для нас, в честь Дня космонавтики, даже выступал космонавт, который 3 раза летал. Некст стачка будет в СПб, так что тоже съезжу, только уже на метро :)

Кто был на Стачке, пишите в комментариях, как оно? 🐦 #surf_flutter #surf_events

Будем на ещё одной конференции в Москве 📅 Расскажем, как банкам и финансовым компаниям сохранить доступность мобильных приложений при помощи PWA на Flutter. 🏄‍♀️ Surf Head of Flutter Евгений расскажет: 🔵 Что такое PWA и почему оно остаётся доступным даже под санкциями; 🔵 Почему стоит делать PWA именно на Flutter; 🔵 Что важно в приложении для пользователей, а что для бизнеса; 🔵 Почему больше нельзя полагаться только на классические магазины приложений. Когда и где: 📅 16 апреля, offline 📍 Москва, СтартХаб (Красный октябрь), Берсеневская набережная, 6, стр. 3, 4 этаж 📌 Регистрация Приходи узнать про PWA и задать интересующие вопросы! Для представителей банков и финансовых компаний вход бесплатный. #surf_events #surf_flutter

…и ещё один новый пакет в Surf Gear! Встречай очередного новичка в семействе — yandex_mapkit_lite! Это облегчённая версия Яндекс.Карт, из которого мы нещадно вырезали часть тяжеловесного функционала для уменьшения веса приложения. Сделана на основе lite-версии нативного SDK. Мы используем это решение в своих проектах. И уже уменьшили вес сборки в среднем на 15% — до этого мы пользовались его старшим братом yandex_mapkit. Ещё в yandex_mapkit_lite есть новый функционал по типу поддержки кастомной кластеризации, что убирает ограничения нативного SDK. 🐦 Пробуй и делись опытом! #surf_flutter #surf_opensource

Surf Flutter Meetup: о Flutter-диете Доклад специального гостя из Яндекса — Константина, Senior Flutter Developer в Яндекс.Про — будет посвящён удалению лишних зависимостей в разных flavors. Система сборки Flutter очень тривиальная, но это приводит к совсем нетривиальным проблемам. Как помочь нашему приложению сбросить вес? Поговорим об этом на примере приложения Яндекс.Про. ➡️ Зарегистрироваться на митап #surf_events #surf_flutter

Surf Flutter Meetup: 5 лет с Flutter 🐦 Продолжаем раскрывать темы Flutter-митапа в Москве. Во втором докладе 🏄‍♀️ Surf Head of Flutter Евгений и 🏄‍♀️ Surf Flutter EM Марк поделятся промежуточными итогами развития Flutter. В первой части доклада раскроем, что собой представляет Flutter сегодня: наиболее оптимальные сферы применения, сильные и слабые стороны, объективно и без маркетинговой шелухи. Во второй части будем разбираться в зоопарке решений, из которых складывается технологический стек современной Flutter-разработки. Попробуем найти парадоксы и закономерности, а потом через призму практического опыта попытаемся отделить лучшие практики от сомнительных. 🔵 С пустыми руками ты не уйдёшь — каждый получит джентельменский набор для быстрого старта разработки твоего следующего Flutter-приложения. Наконец, проанализировав всё, что мы знаем об уже пройденном фреймворком пути, мы выскажем свои предположения о том, каких изменений стоит ждать в ближайшие годы. ➡️ Зарегистрироваться на митап #surf_events #surf_flutter

Surf Flutter Meetup: технологический обзор нашей команды 🐦 Начинаем публиковать программу большого Flutter-митапа в Москве! Мы работаем с фреймворком с момента его первого релиза, и за это время у нас накопились большая экспертиза и опыт, которыми мы постоянно делимся с сообществом: активно пишем на Хабр и в Telegram-канал, выступаем на конференциях и митапах, развиваем свой опенсорс, который сейчас насчитывает 15 пакетов на pub.dev. В первом докладе 🏄‍♀️ Дмитрий, Сергей и Самир расскажут, что на данный момент из себя представляет наша команда с технологической стороны. Поговорим про: 🔵 Cтек наших проектов: лучшие подходы, инструменты и практики; 🔵 Cамые интересные исследования в области Flutter, которые мы проводили в последнее время; 🔵 Open source: как мы находим идеи, развиваем и поддерживаем наши решения. ➡️ Зарегистрироваться на митап #surf_events #surf_flutter

Surf, Яндекс, Flutter — приглашаем на митап в Москве 🐦 Проводим большой митап в столице! Расскажем про опыт нашей команды, поделимся внутренней кухней опенсорса. А наши Flutter-звёзды — Женя и Марк — оценят эволюцию фреймворка за 5 лет. No holy war! А также будет special guest из Яндекса. Ждём Flutter-разработчиков и тех, кому неравнодушен фреймворк. 📅 19 апреля, начало в 19:00 📍 Москва, лофт Idealista, ул. Нижняя Сыромятническая, 11/1, офис 316 🚇 Метро Чкаловская 📌 Подробности и регистрация #surf_events #surf_flutter

Dart 3 спустя почти год: Records В прошлый раз Женя рассказывала про Sealed-классы. Сейчас поговорим про Records. До их появления привычные во многих языках программирования кортежи реализовывались с помощью пакетов со словом tuple в названии. С недавних пор в этом нет необходимости. Итак, что такое Records. Лучше определения, чем в документации, мы не нашли, поэтому лови:

«Records представляют собой анонимный, неизменяемый, агрегированный тип данных. Как и другие типы коллекций, они позволяют объединять несколько объектов в один объект. В отличие от других типов коллекций, записи имеют фиксированный размер, неоднородны и типизированы»

Пример Record, опять же из документации:

var record = ('first', a: 2, b: true, 'last');

Разберём подробнее, что это значит, посмотрим на базовое использование, особенности и изучим интересные расширения для работы с Records. Погнали! Полезные ссылки (в карточках подчёркнуты): 🔵 Pattern types для Record 🔵 Исходники FutureRecord и FutureIterable 🔵 Пример с FutureRecord 🔵 Заметка про typedef #surf_flutter

Новый эпизод Flutter Dev Podcast 🎧 Продолжаем тему карьеры Flutter-разработчика — поговорим о том, какой дополнительный профит можно извлекать из собеседований, какие вопросы по Flutter нам нравится задавать и на какие отвечать, поделимся опытом процесса отбора в Яндекс.Про и Surf, а также врываемся с особо острой темой — лайв-кодинг в интервью. А наш специальный гость, Миша Зотьев, расскажет о том, чем интервью в зарубежные компании отличается от наших. 🎙 У микрофона — Женя и Марк из Surf, Илья Вирник и Сергей Кольцов из Яндекс.Про, Михаил Зотьев из Wolt, автор канала Oh, my Flutter. ⌨️ Подписывайся на подкаст в Telegram и слушай на всех площадках: Soundcloud | Яндекс.Музыка | Spotify | Apple Podcasts | CastBox | Google Подкасты | VK #surf_podcast

Ещё один новый пакет в Surf Gear По умолчанию Flutter уводит многострочный текст в прозрачность сверху вниз. Но бывает, что нужен эффект затухания текста слева направо. Для таких случаев был создан пакет faded_text. Чтобы применить fade-эффект из пакета, просто создай экземпляр класса FadedText подобно обычному Text:

FadedText(
   'Lorem ipsum dolor sit amet,
   consectetur adipisci and blah blah...',
   maxLines: 5,
 )

Есть ещё FadedText.rich, который аналогичен Text.rich. 🐦 Пробуй и делись опытом!

Новый пакет в Surf Gear 🐦 Все наши новые пакеты родились из успешных решений, которые кочевали из проекта в проект. И кажется, это самый правильный путь — делать то, чем хочешь пользоваться сам. ➡️ Так что лови новичка в семействе Surf Gear — surf_widget_test_composer! Это удобный инструмент для облегчения работы с виджет и голден-тестами. Это в некотором смысле обёртка над пакетом golden_toolkit, которая упрощает предварительную настройку и работу. В файле конфигурации нужно один раз задать темы, устройства, локализацию. После — написать тест с минимумом настроек. На выходе получаем набор голденов по количеству элементов конфигурации. Например, если у нас 2 языка, 2 темы и мы тестируем их для 3 устройств, то по итогу получим 12 голденов, как вот тут. 🔵 Кроме голден-тестов можно выполнять виджет-тестирование. Пробуй и пиши, получилось или нет!

Записи лекций с первого дня Flutter Study Jam 🐦 Опубликовали записи джема на YouTube. Спасибо всем участникам за насыщенные четыре дня, и ждём на следующих джемах! 📹 Адаптивная вёрстка во Flutter, Максим, Surf Flutter Developer 📹 Сериализация и десериализация — вошли и вышли, Кирилл, Surf Flutter Developer 📹 Коллекции во Flutter, Самир, Surf Flutter Developer #мероприятия