React Native · iOS · Android

React Native 跨平台移动开发

用 JavaScript 和 React 构建真正的原生移动应用。一套代码,同时运行在 iOS 与 Android,性能媲美原生,生态成熟稳定。

📱 10 章节 ⚡ RN 0.73+ 🚀 Expo SDK 50

课程目录

从环境搭建到实战项目,系统掌握 React Native 跨平台开发

Chapter 01
RN 基础与环境搭建
React Native 是什么,新旧架构对比,Expo 与 Bare Workflow,搭建第一个跨平台 App。
JSIExpoMetro
Chapter 02
核心组件与布局
View/Text/Image/FlatList 等原生组件详解,Flexbox 布局,StyleSheet 性能最佳实践。
FlexboxFlatListStyleSheet
Chapter 03
React Navigation 路由
Stack/Tab/Drawer 导航,嵌套路由,TypeScript 类型安全传参,深度链接配置。
StackTabDeepLink
Chapter 04
状态管理
useState/useReducer,Zustand 轻量全局状态,React Query 服务端状态,客户端 vs 服务端状态的本质区别。
ZustandReact QueryContext
Chapter 05
网络与数据持久化
Axios 拦截器,React Query 缓存策略,AsyncStorage vs MMKV,离线优先设计模式。
AxiosMMKV离线优先
Chapter 06
原生模块与 Expo SDK
expo-camera/location/notifications,推送通知完整流程,JSI 新架构原生通信机制。
JSICameraPush
Chapter 07
动画与手势
Animated API vs Reanimated 3,worklet UI 线程动画,Gesture Handler 手势识别,共享元素动画。
ReanimatedGestureworklet
Chapter 08
性能优化
JS/UI/Shadow 三线程模型,FlatList 深度优化,Hermes 引擎,memo/useMemo 正确使用姿势。
HermesFlatListProfiler
Chapter 09
测试与发布
Jest + Testing Library 单元测试,Detox E2E,EAS Build 云端构建,OTA 热更新,上架 App Store。
EASDetoxOTA
Chapter 10
实战:社交应用
完整 Feed 流 App:相机上传、无限滚动、推送通知、深度链接、共享元素动画全部融合实战。
Feed流无限滚动实战