Как делать · 05

Мобильная разработка

React Native и Expo, Flutter и Dart, Kotlin и SwiftUI, навигация, устройства, уведомления и публикация.

Прочитано: 0 / 12Основы мобильной разработки React Native и Expo Мобильная навигация Управление состоянием Flutter и Dart Flutter Kotlin и Android Swift и SwiftUI API устройства Push-уведомления Тестирование мобильных приложений Публикация в сторах

Основы мобильной разработки

Сравнение✓
Мобильная разработка: нативно, React Native или Flutter
Нативная разработка — это два отдельных приложения: Kotlin с Jetpack Compose для Android и Swift со SwiftUI для iOS, с полным доступом ко всем API платформы. React Native (обычно вместе с Expo) позволяет писать одно приложение на TypeScript в модели React, а на экране оказываются настоящие нативные компоненты. Flutter тоже даёт один код, но на Dart, и рисует интерфейс собственным движком; выбор между ними определяют требования к API устройства, состав команды и то, сколько платформенного кода вы готовы поддерживать.
Начальный · 8 мин чтения

React Native и Expo

Пошаговый урок✓
React Native и Expo: первое приложение
Проект на React Native проще всего начать командой npx create-expo-app@latest: она создаёт приложение на Expo с TypeScript и файловой навигацией, а npx expo start открывает его в Expo Go на телефоне, в эмуляторе или в браузере. Экран собирается из компонентов View, Text, Image, Pressable и ScrollView, а стили задаются объектами через StyleSheet — без CSS-файлов, с Flexbox, который по умолчанию выстраивает элементы в колонку.
Начальный · 8 мин чтения · практика ~1,5–3 ч

Управление состоянием

Пошаговый урок✓
React Native: запросы к API и локальное хранение
В React Native данные с сервера загружают тем же fetch, что и в браузере, но экран обязан пережить плохую сеть: у него есть состояния загрузки, ошибки, пустого списка и «данных из кэша». Настройки и кэш хранят в AsyncStorage — это незашифрованное хранилище строк, а токены и другие секреты — в expo-secure-store, который шифрует значения через Keychain на iOS и Keystore на Android. Когда запросов становится много, ручной код заменяют TanStack Query, а для больших связанных данных берут SQLite.
Средний · 7 мин чтения · практика ~1,5–3 ч

Flutter и Dart

Пошаговый урок✓
Flutter и Dart: первое приложение
Flutter-приложение — это дерево виджетов на Dart: runApp получает корневой виджет, MaterialApp даёт тему и навигацию, а экран собирается из Scaffold, Column, Row, Expanded и других виджетов раскладки. Виджеты без изменяемых данных наследуют от StatelessWidget, а данные, которые меняются от действий пользователя, хранят в State у StatefulWidget и меняют через setState. Из Dart для старта нужны null safety (String?), классы с именованными параметрами и async/await.
Начальный · 8 мин чтения · практика ~1,5–3 ч

Flutter

Пошаговый урок✓
Flutter: состояние и навигация
Локальное состояние одного виджета во Flutter хранят в State и меняют через setState, а данные, нужные нескольким экранам, выносят в модель на ChangeNotifier и раздают через пакет provider: context.watch в build, context.read в обработчиках. Для переходов есть Navigator (push/pop, данные через конструктор, результат через pop), а для адресов и глубоких ссылок документация рекомендует go_router: маршрут /notes/:id, context.go и context.push.
Средний · 7 мин чтения · практика ~1,5–3 ч

Kotlin и Android

Пошаговый урок✓
Android на Kotlin и Jetpack Compose: первый экран
Экран в Jetpack Compose — это Kotlin-функции с аннотацией @Composable, которые описывают интерфейс по текущему состоянию: изменили значение в mutableStateOf — Compose сам перерисует нужные части. В уроке собираем экран списка услуг: модель на Kotlin, карточку из Row, Column и Box, выбор через remember, список на LazyColumn, оформление Material 3 и ViewModel, чтобы выбор пережил поворот экрана.
Начальный · 9 мин чтения · практика ~1,5–3 ч

Swift и SwiftUI

Пошаговый урок✓
iOS на SwiftUI: первый экран
Экран в SwiftUI — это структуры, соответствующие протоколу View: свойство body описывает интерфейс, а SwiftUI сам обновляет его, когда меняются данные в @State или в модели с макросом @Observable. Для работы нужны Mac и Xcode (сейчас Xcode 27 с iOS 27 SDK и Swift 6.4); модель и логику на Swift можно тестировать и вне Mac, но сам SwiftUI собирается только в Xcode.
Начальный · 8 мин чтения · практика ~1,5–3 ч

API устройства

Руководство✓
Камера, геолокация и разрешения: Device API
Доступ к камере, геолокации и фото приложение получает в два этапа: при сборке объявляет разрешения (Android-манифест, тексты-обоснования в iOS Info.plist — в Expo через app.json и config plugins), а во время работы запрашивает их у пользователя. Спрашивать нужно в момент, когда человек сам запустил функцию, и только то, что ей нужно. После отказа системный диалог может больше не появиться — тогда экран объясняет, что недоступно, предлагает обходной путь и кнопку перехода в настройки.
Средний · 6 мин чтения · практика ~1–2 ч

Push-уведомления

Руководство✓
Push-уведомления: как устроены и как подключить
Push-уведомление отправляет ваш сервер, а доставляет на телефон служба платформы: Firebase Cloud Messaging на Android и Apple Push Notification service на iOS. Приложение получает токен — адрес устройства для этой службы — и передаёт его вашему серверу; в Expo это ExpoPushToken, а сервер отправляет сообщения через Expo Push Service, который сам говорит с FCM и APNs. В SDK 57 push не работают в Expo Go: нужна development build, учётные данные FCM и платный аккаунт Apple Developer для iOS.
Средний · 6 мин чтения · практика ~2–4 ч

Тестирование мобильных приложений

Основы✓
Тестирование мобильных приложений
Мобильное приложение проверяют на трёх уровнях: unit-тесты для логики, компонентные (в Flutter — widget-тесты) для экранов и E2E-тесты на эмуляторе или устройстве для ключевых сценариев. В React Native и Expo первые два уровня закрывают Jest и React Native Testing Library, во Flutter — пакет flutter_test; для E2E берут Maestro, Detox или integration_test. Автотесты не заменяют ручную проверку на реальных устройствах и тестовые сборки через TestFlight и внутреннее тестирование Google Play.
Средний · 8 мин чтения

Публикация в сторах

Руководство✓
Публикация в App Store и Google Play
Чтобы выпустить приложение, нужны аккаунты Apple Developer Program и Google Play Console, уникальные идентификаторы приложения, подписанные релизные сборки (.ipa и .aab) и заполненные карточки с политикой конфиденциальности и ответами о данных. Для Expo сборку и отправку автоматизируют EAS Build и EAS Submit, во Flutter — flutter build appbundle и flutter build ipa. Чаще всего ревью не проходят незавершённые приложения: падения, заглушки, нерабочие ссылки и отсутствие тестового аккаунта.
Средний · 10 мин чтения · практика ~1–2 ч

Траектории с этим направлением

React Native + Expo · 9 →Flutter + Dart · 6 →← Все направления

Расскажите о задаче — мы изучим запрос и свяжемся с вами

Есть задача?
Обсудим и оценим — бесплатно.

Расскажите о продукте или проблеме. Предложим архитектуру, срок и стоимость первой версии после изучения задачи.

Оценка объёма и рисков до старта
NDA — по вашему или нашему шаблону
Старт работ в течение недели

Написать в WhatsApp

ИмяТелефон или WhatsAppКомпания (необязательно)Задача (необязательно)Стадия продукта (необязательно)

Бюджет (необязательно)Срок (необязательно)

Не присылайте через форму пароли, ключи доступа и исходный код — безопасную передачу доступа обсудим отдельно.

Нажимая кнопку, вы соглашаетесь с обработкой персональных данных.

Мобильная разработка

Основы мобильной разработки