Кроссплатформа · Урок 85

React Native: нативный мобильный

Ваш React-навык переносится на мобильные: те же хуки, то же состояние, но вместо DOM — нативные экраны Android и iOS.

Компоненты и стили

import { View, Text, StyleSheet, Pressable } from "react-native";

const Card = ({ title }) => (
  <Pressable onPress={() => alert(title)}>
    <View style={styles.box}>
      <Text style={styles.title}>{title}</Text>
    </View>
  </Pressable>
);

const styles = StyleSheet.create({
  box: { padding: 16, backgroundColor: "#eef2ff", borderRadius: 12 }
});

Что вместо привычного

💡
Можно начать с Expo: запуск в телефоне без Android Studio, готовые компоненты, сборка в сторе одной командой. Затем уже «bare» для тонкой настройки.
ℹ️
Прод-мост на реальное приложение — та же архитектура: API, кэши, пуши, аналитика (уроки 39, 38, 50). Фактически вы уже умеете мобильную разработку: разница в UI-слое.