React Native(React Native)MOC
React Native 是一个用于构建原生移动应用的 JavaScript 框架,使用 React 语法开发 iOS 和 Android 应用。
学习路径:学习 React Native 前需要掌握 React 基础 和 JavaScript 基础。推荐学习 TypeScript 增强类型安全。
参考资源:本知识体系参考了 React Native 官方文档 和社区最佳实践。
知识体系结构
01-基础入门(Foundation)
目标:掌握 React Native 核心概念,能够搭建开发环境并创建第一个应用
环境搭建
- React Native 简介与环境搭建 — 环境搭建、开发工具配置
- 项目结构与配置 — 项目结构、配置文件详解
核心概念
- 核心组件与 API — View、Text、Image、ScrollView 等核心组件
- 样式系统 — StyleSheet、Flexbox 布局
- 布局系统 — Flexbox 在 React Native 中的应用
学习检查点:能够创建并运行一个简单的 React Native 应用
02-核心机制(Core Mechanisms)
目标:理解 React Native 的工作原理和与 React 的差异
渲染机制
- 渲染机制 — 原生组件渲染、Bridge 通信
- 与 React 的差异 — 组件差异、API 差异、样式差异
- 原生模块通信 — JavaScript 与原生代码通信机制
学习检查点:理解 React Native 的架构和渲染流程
03-导航系统(Navigation)
目标:掌握 React Native 应用的路由和导航
React Navigation
- React Navigation 基础 — 安装配置、基本使用
- 导航器类型 — Stack、Tab、Drawer 导航器
- 导航参数传递 — 路由参数、导航选项、深度链接
学习检查点:能够实现多页面应用的导航功能
04-状态管理(State Management)
目标:掌握 React Native 应用的状态管理方案
状态管理方案
- Context API 在 RN 中的应用 — 使用 Context 管理全局状态
- Redux 在 RN 中的应用 — Redux Toolkit 集成
- Zustand 在 RN 中的应用 — 轻量级状态管理
学习检查点:能够选择合适的状态管理方案并应用到项目中
05-原生功能集成(Native Integration)
目标:掌握原生模块开发和平台特定功能
原生开发
学习检查点:能够开发和使用原生模块
06-性能优化(Performance Optimization)
目标:掌握 React Native 应用的性能优化技巧
优化策略
学习检查点:能够识别并解决性能瓶颈
07-工程化实践(Engineering Practices)
目标:掌握 React Native 开发工具和最佳实践
开发工具
- 开发工具配置 — ESLint、Prettier、TypeScript 配置
- 调试技巧 — React Native Debugger、Flipper、日志调试
- 测试策略 — Jest、React Native Testing Library
学习检查点:能够配置完整的开发环境和测试流程
08-Expo 生态(Expo Ecosystem)
目标:掌握 Expo 工具链的使用
Expo 工具链
- Expo 简介与使用 — Expo CLI、Expo Go、开发流程
- Expo SDK 使用 — 常用 SDK API、相机、定位等
- Expo 开发流程 — 开发、构建、发布流程
学习检查点:能够使用 Expo 快速开发 React Native 应用
09-部署与发布(Deployment & Publishing)
目标:掌握应用的打包和发布流程
打包发布
- Android 打包发布 — 签名配置、APK/AAB 打包
- iOS 打包发布 — 证书配置、Archive 打包
- 应用商店发布 — Google Play、App Store 发布流程
学习检查点:能够独立完成应用的打包和发布
🎯 学习路径
初学者路径
- 01-基础入门 → 掌握 React Native 基础概念和核心组件
- 03-导航系统 → 实现多页面应用的导航
- 04-状态管理 → 选择合适的状态管理方案
- 08-Expo 生态 → 使用 Expo 快速开发(可选)
进阶路径
- 02-核心机制 → 深入理解 React Native 工作原理
- 05-原生功能集成 → 开发原生模块和集成设备功能
- 06-性能优化 → 优化应用性能
- 07-工程化实践 → 配置完整的开发工具链
生产环境路径
- 09-部署与发布 → 掌握打包和发布流程
- 06-性能优化 → 生产环境性能优化
- 07-工程化实践 → 测试和代码质量保障