Этап 12 из 12 · ≈ 16 ч

React Native

Полезно знать с Middle

Мобильные приложения на React для iOS и Android.

React Native использует те же компоненты, хуки и подходы, но рисует нативные элементы интерфейса вместо HTML: <View>, <Text>, <Pressable> вместо div и button.

Что важно знать

  • Expo — стандартный способ начать: сборка, обновления, доступ к API устройства.
  • Стили — объектами, раскладка на Flexbox (по умолчанию колонкой).
  • Навигация — React Navigation или Expo Router.
  • Новая архитектура (Fabric, TurboModules) убрала медленный мост между JavaScript и нативным кодом.
  • Для фронтендера на React — самый короткий путь в мобильную разработку.

Критерии освоения

Middle ≈ 16 ч

  • Создаёт мобильное приложение на Expo с навигацией и нативными компонентами
  • Объясняет отличия от веба — стили, раскладка, жизненный цикл

Практика. Сделать на Expo мобильный клиент своего веб-приложения из трёх экранов.

Проверка знаний

Войдите, чтобы пройти тест: сданный тест отмечает тему пройденной на карте и в ИПР.

Вопросы с собеседований

Смотреть все
Чем разработка на React Native отличается от веба?Middle

React Native рендерит нативные компоненты платформы, а не DOM: View, Text, Image, Pressable, FlatList вместо div и span; текст — только внутри Text. Стили — объекты через StyleSheet, раскладка — Flexbox с колонкой по умолчанию, без каскада и CSS-файлов…

Полный разбор
Чем state отличается от props в React?Junior

props — входные данные от родителя, компонент их только читает. state — собственные данные компонента, меняются через setState и вызывают перерисовку. Данные текут сверху вниз; ребёнок сообщает об изменениях родителю через колбэки в props. Общее состояние…

Полный разбор
Как работает useState?Junior

const [value, setValue] = useState(initial) — React хранит значение вне функции компонента, привязав его к позиции хука; при следующих рендерах возвращает текущее. setValue планирует перерисовку; если новое значение равно старому (Object.is) — рендер…

Полный разбор
Как работает useEffect и что такое массив зависимостей?Junior

useEffect запускает побочный эффект после отрисовки: подписки, таймеры, запросы, синхронизацию с внешней системой. Зависимости определяют, когда эффект перезапускается: [] — один раз после монтирования, [a, b] — при изменении a или b, без массива — после…

Полный разбор

Документация

← Вся карта «React»

Партнёр платформы

Разбор собеседования с sotto

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

Разбор собеседования