Три слоя приложения

Любое приложение удобно рассматривать как три слоя: интерфейс, логику и данные. Это не формальность: пока слои не разложены по полкам, вёрстка тащит за собой бизнес-логику, а запросы к базе оказываются размазаны по кнопкам. Ниже — что относится к каждому слою и где об этом читать.

Слой интерфейса

Слой интерфейса — это всё, что пользователь видит и трогает: кнопки, формы, навигация, вёрстка экранов. Во FlutterFlow сюда же относятся темы оформления и адаптивность, от которых зависит, как приложение выглядит на разных экранах.

• Виджеты FlutterFlow:
  • Атомарный дизайн
  • Страницы, виджеты и компоненты
  • Поля ввода и другие виджеты форм
• Навигация:
  • Переходы между страницами (сдвиг, затухание и другие)
  • App Bar и другие элементы страницы
  • Нижние шторки
  • Webview
• Опыт взаимодействия:
  • Дизайн-система
  • Адаптивность
  • Отклик на действия
    • Анимации
    • Тактильная отдача

Слой логики

Слой логики отвечает за поведение приложения и принятие решений: хранение состояния, условия, маршруты переходов.

• Работа с состоянием:

  • Представление данных
    • Переменные
    • Типы данных и собственные типы
    • Перечисления
    • Константы
  • Переменные состояния
  • Состояние виджетов
  • Динамические списки: генерация дочерних элементов

• Действия и бизнес-логика:

  • Действия
  • Условные действия
  • Кастомный код
  • Проверка форм

• Навигация и маршруты:

  • Навигация и маршрутизация
  • Диплинки и динамические ссылки

• Уведомления:

  • Push-уведомления
  • Диалоги-предупреждения

Слой данных

Слой данных отвечает за хранение, получение и обмен данными с внешними источниками — базами и API.

• Аутентификация:

  • Обзор способов входа
  • Firebase, Supabase или собственная аутентификация

• Базы данных:

  • Интеграция с Firebase или Supabase.
  • Локальное хранение: App State или база SQLite

• API:

  • Работа с REST API
  • Потоковые API