Стелем мягкую соломку на жёсткий Flutter

Стелем мягкую соломку на жёсткий Flutter

1. Первые шаги

Получи базовые знания в Android и iOS.

Необходимый минимум

Структура проектов
Синтаксис языков (Kotlin / Swift)
Запрос и получение пермишнов
Аспекты работы

Изучи все коробочные виджеты.

Неочевидное рядом

Простые часто используемые виджеты, которые многие путают (Expanded, Flex, Wrap)
Простые

Разберись с тем, как работают констрейнты при вёрстке.

Неочевидность №1

2. На старте проекта

Настрой релизную сборку.

Настрой релизную сборку.

Настрой релизную сборку.

Здесь можно найти просветление

Настрой CI/CD.

Даже если всё против тебя

Разверните Github Actions на self-hosted runner.
Необходимые шаги:
Сборка

Сразу закладывай механизм локализации.

Советы по локализации

Заложи механизм локализации даже если приложение пока моноязычное
Работай со

Сконфигурируй сборки для дебага, тестирования и релиза.

Конфигурационный арсенал

Flavors (Android) и schemes (iOS) для настроек свойств сборки (id,

Добавь debug-экран с полезными фичами для отладки.

Ваш QA будет в восторге

Смена base URL на лету
Настройка прокси
Демонстрация UI

Ваш QA будет в восторге

Сразу правильно организуй работу с темой.

Советы по стилизации темы

Некоторые свойства темы могут отвечать за что-то неожиданное.

Сделай всё, что от тебя зависит, чтобы в проекте появился UI

widgetbook.io

Используй ScreenUtil.

Абсолютная адаптивность

Спроектируй навигацию.

Первое правило навигации

«Если долго писать приложение, когда-нибудь обязательно прилетит задача на

3. Продуктивность

Пользуйся готовыми плагинами или пиши их сам.

Плагины для VS Code

Better Comments
Color Highlight
Rainbow Brackets
Pubspec Assist
Пишите свои генераторы шаблонного

Отлаживай в web, если это возможно.

Генерация сетевого слоя спасёт очень много времени*

* Если ты найдешь хотя

SurfGen

4. Осторожно, Dart!

Используй миксины с осторожностью.

Обратная сторона миксинов

Забудь о существовании «!»

Задачка для собеседования

Соблазнительно опасное решение

Усиливай типизацию.

Бой dynamic’ам!

Строго настраивай статический анализатор кода.

Можно долго настраивать самому

А можно просто подключить наш пресет с очень

Не закрывай глаза на ворнинги.

Тебе не нужен RxDart.

Единственная ниша RxDart

Отложенный результат некоторой операции – Future
Работа с потоками данных

5. Качество кода

Установите правила. Следуйте им.

Структурируйте файлы проекта по фичам.

Контролируйте нейминг и состав файлов проекта.

Всего несколько правил

Один файл – один класс
Один файл – один виджет
Имя

Не бойтесь доверять кодогенерации простые задачи.

Освободите себе время

Нет ни одной рациональной причины не использовать кодогенерацию для

Следование архитектуре важнее выбора конкретного решения.

Elementary новый MWWM

Нет ни одной рациональной причины не использовать кодогенерацию для

Не откладывай тесты на потом.

Не знаешь с чего начать? Пиши Golden-тесты.

Тесты, которые сами себя пишут

6. Качество продукта

Не забывай прогревать анимации.

Rebuild stats – первый инструмент при борьбе с лагами.

Ищем предателя

Пару слов в заключение

Telegram: @saturov

twitter.com/saturovv

saturov@surfstudio.ru

Спасибо.
Мои контакты: