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 }
});
Что вместо привычного
- нет HTML-тегов: только View, Text, Image, Pressable;
- стили — объекты JS; флексбокс по умолчанию;
- навигация — React Navigation (stack, tabs, drawer);
- сеть — тот же fetch/axios, токены в SecureStore.
💡
Можно начать с Expo: запуск в телефоне без Android Studio, готовые компоненты, сборка в сторе одной командой. Затем уже «bare» для тонкой настройки.
ℹ️
Прод-мост на реальное приложение — та же архитектура: API, кэши, пуши, аналитика (уроки 39, 38, 50). Фактически вы уже умеете мобильную разработку: разница в UI-слое.