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

Программа Flutter Study Jam 19-22 февраля 🏄‍♀️ Описание лекций, время начала мероприятий и программу опубликовали в карточках. Присоединяйся к трёхдневному интенсиву от крутой Flutter-команды Surf! 🐦 Регистрация #мероприятия

Вторая часть подкаста про карьеру Flutter-разработчика 🎧 В том же составе обсудили методы обучения разработке, стажировки и менторство в Яндексе и Surf, а также помогло ли высшее образование нашему профессиональному росту. И, наконец, раскрыли, сколько времени реально нужно, чтобы перейти от новичка до получения первой работы в качестве Flutter-разработчика. 🔵 Слушай подкаст на всех платформах и регистрируйся на Study Jam: Telegram | Soundcloud | Яндекс.Музыка | Spotify | Apple Podcasts | CastBox | Google Подкасты | VK

Lifting state up — удобный и простой Привет, я 🏄‍♀️ Даниль, Flutter Developer в Surf. Хочу рассказать про Lifting state up. Часто, когда изучаешь что-то новое, не придаёшь значимости некоторым темам — по неопытности они могут выглядеть не очень важными. И Lifting state up может показаться одной из таких тем, но это не так. Почему? Давай разбираться!

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

Ключи во Flutter Во Flutter много виджетов и в каждом есть любопытное свойство — key — ключ. Используют его не так часто. И из-за того, что у key есть несколько разновидностей, разработчики часто интересуются, когда, где и как использовать эти ключи. В карточках ты найдёшь ответы на эти вопросы, которыми любезно поделилась 🏄‍♀️ Сёрфер Женя.

Наши итоги года от TGStat. Спасибо за поддержку и развитие Flutter-комьюнити! 🐮

Работа с API Все мы рано или поздно сталкиваемся с необходимостью анализировать работу с HTTP/HTTPS-запросами. Для этого существует много инструментов — 🏄‍♀️ Flutter-разработчик Саша сегодня расскажет про те, что использует он. Эволюционно мой путь в освоении данной задачи выглядел примерно так: 🔵 просмотр логов работы HTTP-клиента; 🔵 анализ через инструмент Network в DevTools; 🔵 работа с приложением Proxyman. Начнем с очевидного — логирование. Это, наверное, первое, с чем начинают работу новички. В случае с Dio всё, что тебе нужно сделать — добавить интерцептор в конфигурацию твоего клиента. У нас это обычно выглядит примерно так:

if (Environment.instance().isDebug) {
 dio.interceptors.add(LogInterceptor(
   requestBody: true,
   responseBody: true,
 ));
}

Но, как правило, когда ты приходишь на проект, всё уже настроено. Минусов много: 🔵 Можно только просмотреть результат работы. 🔵 Всё валится в консоль сплошным потоком — часто трудно что-то найти, если запросов много. 🔵 Лог обрезается, поэтому ты можешь увидеть только часть запроса/ответа. 🔵 Трудно читать — JSON отображается как есть. Тем не менее, если надо что-то быстро глянуть, я смотрю в логи. Читай в карточках про другие инструменты. Ссылки из карточек: ➡️ Документация по вкладке Network в DevTools ➡️ Ссылка на Proxyman ➡️ Документация по настройке прокси в Dio ➡️ Ссылка на surf-flutter-app-template Пиши в комментариях, что используешь ты и почему? #экспертный #от_сёрфера

А мы всё про дебаты Эфир про сравнение Flutter и KMP оказался одним из самых интересных у аудитории YaTalks — и самым развёрнутым на фидбэки. Смотри, что о нём пишут:

— Охрененный формат, прошу Яндекс выписать премию тому, кто решил это поставить в программу! Жаль, что дебаты были в конце — видно, что ребята в зале подустали, но да и ладно, я смотрел в онлайне и кайфанул, острые вопросы, крутые реакции, жаль до драки не дошло (шутка). Не знаю/не помню, был ли раньше формат дебатов в YaTalks, но желаю, что каждый раз такое делали! Большое спасибо за конференцию и особенно за это шоу.

— Было бы интересно, если бы участники подготовили больше интересных цифр и фактов.

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

— Было очень интересно и познавательно. Для меня это не профильная тема, но тем не менее было очень интересно. Спасибо. Хотелось бы ещё подобного

— Не хватало подкапотной инфы! Если бы была возможность в раунде вопросов дать участникам поспорить, не ограничиваясь одним вопросом и одним ответом, было бы увлекательнее и познавательнее

— Было интересно смотреть на обе команды, была возможность узнать новое. Спасибо за развитие комьюнити KMP

⬆️ И немного фото с дебатов. Спасибо за поддержку!

Поджемим в феврале? 🐦 Приглашаем на уже традиционный Flutter Study Jam! Программа такая: ➡️ 19 февраля — митап, день лекций; ➡️ 20 февраля — практика, выполняем задание в течение дня; ➡️ 21 февраля — квиз; ➡️ 22 февраля — подведение итогов и приглашение лучших на стажировку. Программу и спикеров опубликуем отдельно — ориентируйся на темы апрельского джема и летней школы. 🐦 Регистрируйся здесь! #мероприятия

Автоматизируй это: зачем нужны Git Hooks Git Hooks — это сценарии, которые запускаются, когда в Git-репозитории происходит какое-либо событие. Чаще всего их используют для проверки коммитов на соответствие соглашению, реализации CI и автоматизации процесса разработки. По сути, это обычные скрипты, создание которых можно ограничить только фантазией. В карточках показываем практический пример использования Git Hooks для форматирования файлов перед коммитом, проверки сообщения коммита и прогона анализатора перед пушем. 🔵 Документация по Git Hooks Ссылки из карточек: ➡️ Вводный пост о Lefthook ➡️ Гайд по установке Lefthook ➡️ Шорткаты Lefthook

Для тех, кто не смог посмотреть онлайн, выложили запись первого дня конференции YaTalks! По ссылке — таймкод дебатов

Дебаты через полчаса по ссылке, подключайся!

Flutter is ready for you. What will you build? Сегодня не простой день. Ровно 5 лет назад был опубликован официальный анонс первой стабильной версии нашего любимого фреймворка 🐦 Для IT-индустрии это огромный срок и, очевидно, время было потрачено не зря. Проект активно развивается и радует нас новыми возможностями, быстродействием и стабильностью. Наша команда начала работу с Flutter ещё в 2017 году, когда появились первые нестабильные версии. За это время мы реализовали более 25 проектов на Flutter, а также взрастили дружный и экспертный отдел — один из самых больших в Surf. Популяризируем Flutter всеми возможными способами, искренне его любим — чего и тебе советуем! Пожелаем командам Dart и Flutter не терять энтузиазма и двигаться вперёд с тем же темпом. И да… это видео по-прежнему будоражит 😲 Делись в комментариях, как ты познакомился с Flutter и за что его любишь ⬇️

Отстаиваем Flutter на YaTalks’23 🏄‍♀️ Surf Head of Flutter Женя будет одним из спикеров дебатов «Flutter или KMP — что лучше?». Разберёмся в ходе обсуждения, за какой кросс-платформенной технологией будущее. На стороне Flutter — Яндекс и Surf, за KMP выступят Алексей Гладков (Mobile Developer) и Контур. 📌 5 декабря, 19:00 мск 🔵 Подробности и регистрация Приходи и поддерживай любимую кросс-платформу — трансляция будет!

Что нового во Flutter 3.16 🐦 Собрали новинки в новой статье на Хабр и дополнили комментариями Сёрферов. Из интересного: 🔵 Масштабирование текста с TextScaler 🔵 Обновление SelectionArea 🔵 Timeline events Flutter-приложений в Chrome DevTools 🔵 Поддержка колёсика мыши в Android 🔵 Обновление Casual Games Toolkit для Flutter 🔵 Обновлённые Flutter Favorites 🔵 Первый виртуальный саммит по пакетной экосистеме 🔵 Форматирование Google Maps в облачной консоли ➡️ Читать статью

Dart 3 спустя полгода: sealed-классы Полгода назад анонсировали Dart 3. Сделали небольшой цикл постов, чтобы пройтись по основным изменениям и освежить их в памяти. В первом Сёрфер Женя рассказывает про sealed-классы. Sealed-класс (переводится как «запечатанный») — аналог enum с той разницей, что все значения — обычные классы, которые могут содержать поля и методы. Синтаксис sealed-класса очень прост:

// shapes.dart

sealed class Shape {}

class Square implements Shape {
  final double length;
  Square(this.length);
}

class Circle implements Shape {
  final double radius;
  Circle(this.radius);
}

Подробнее в карточках ⬆️

Subject объекты в RxDart Dart в совокупности с пакетом Async обладает неплохим функционалом в части работы со стримами. Однако ограничения всё ещё есть. Чтобы сделать стримы более удобными, используется пакет RxDart. В новой статье на Хабр Сёрфер Виталий рассказал, что предлагает Flutter-разработчикам RxDart. ➡️ Читать статью

Возможности пакета async — AsyncCache Класс AsyncCache позволяет сохранять результат вызова асинхронной функции. При её повторном вызове вернётся сохранённое значение или создастся новый запрос. Как ни странно, AsyncCache выполняет функцию… кэша! Основная задача — оптимизация вызовов затратных вычислений, запросов или чтения больших файлов в том случае, если данные в них обновляются не часто. На карточках Flutter-разработчик Самир рассказал об использовании AsyncCache с примером из практики Surf. #экспертный #от_сёрфера