这门课解决什么问题，适合谁学

React Native 的核心价值在于「一次开发，两端运行」。对于想从 Web 前端转型移动端，或者希望在有限人力下快速产出 iOS 和 Android 双端应用的开发者来说，这是目前生态最成熟、学习成本相对最低的跨平台方案。这门课并非仅停留在语法层面，而是以「狗狗说」App 为实战载体，打通从环境配置到完整项目交付的全链路。它解决的主要痛点是：如何理解 RN 与原生开发的差异，以及如何基于 React 思维构建移动应用。

适合人群明确指向两类：一是已具备 Web 前端基础（熟悉 JavaScript、HTML/CSS、React）想拓展移动端技能的开发者；二是希望掌握跨平台开发能力，能够独立承担移动端业务需求的转行者。如果你完全没有编程基础，或仅了解 Vue/小程序框架而缺乏 React 经验，直接上手会有较大门槛，建议先补齐 React 基础知识。

内容结构拆解与学习建议

课程整体遵循「认知—基础—实战」的逻辑。前两章聚焦于环境搭建与概念澄清，这是新手最容易踩坑的环节。特别是第 4 章关于 RN 版本升级与代码适配的补录内容，极具实用价值。RN 生态迭代极快，老版本课程常因版本差异导致运行失败，这部分专门针对升级过程中的报错、依赖冲突及 ES6 语法兼容问题提供了详细解决方案，是确保你能跑通后续案例的关键。

第 3 章深入讲解组件生命周期、父子组件通信及 ES6/ES5 类组件形态，这是理解 RN 开发范式的核心。建议在此阶段务必动手实践，不要只看不练。第 5 章进入项目实战，从「狗狗说」App 的功能介绍到首页 TabBar 的实现，开始串联前序知识。建议跟随视频节奏，完整构建一遍项目初始结构，重点体会 RN 中 View、Text 等基础组件的布局逻辑与样式写法。

学完能做什么，资料如何配合

完成本课程后，你将能够独立搭建 React Native 开发环境，理解组件化开发思想，掌握状态管理、组件通信及常见 UI 组件的使用，并具备开发一个包含多页面、基础交互的跨平台 App 的能力。具体而言，你可以独立完成资讯类、社区类或轻量级工具类 App 的前端开发工作，并能处理基本的版本兼容问题。

资料包中的视频与源码是配套使用的核心资源。学习时，请先观看理论讲解，再对照源码理解代码结构。在遇到环境问题或运行报错时，重点参考第 4 章的升级指南。实战章节务必亲手敲代码，而非复制粘贴，只有经历过调试过程，才能真正掌握 RN 开发的细节与陷阱。建议将课程项目作为个人作品集的一部分，展示从 0 到 1 构建跨平台应用的能力。

课程目录

第1章 课程预热 3 节 | 15分钟 1-1 React 与 React Native (04:07).mp4
 1-2 为何选择 React Native (08:31).mp4
 1-3 RN 适合你么 (02:04).mp4
 第2章 初识 React Native 3 节 | 43分钟 2-1 本地环境搭建 (12:32).mp4
 2-2 忍不住尝尝鲜 (18:48).mp4
 2-3 了解 RN 项目代码结构 (11:35).mp4
 第3章 RN 入门知识学习 4 节 | 69分钟 3-1 如何选择 RN 版本 (04:50).mp4
 3-2 React 的组件生命周期 (21:36).mp4
 3-3 父子组件撕逼大战 (23:09).mp4
 3-4 ES6 与 ES5 两种组件形态 (18:48).mp4
 第4章 升级 React Native 重要补录 6 节 | 94分钟 4-1 升级 React Native 之重要补录 1-一期答疑总结 (16:58).mp4
 4-2 升级 React Native 之重要补录 2-Run 起来课程源代码 (18:52).mp4
 4-3 升级 React Native 之重要补录 3-暴力升级到 0.

36 新手必看（上） (10:20).mp4
 4-4 升级 React Native 之重要补录 3-暴力升级到 0.

36 新手必看（下） (13:54).mp4
 4-5 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看（上） (15:31).mp4
 4-6 升级 React Native 之重要补录 4-课程进阶拥抱 ES6 新手必看（下） (17:27).mp4
 第5章 项目初始准备 6 节 | 86分钟 5-1 狗狗说 App 功能介绍 (13:54).mp4
 5-2 TabBarIOS 开启 App 首页（1） (14:01).mp4
 5-3 TabBarIOS 开启 App 首页（2） (13:17).mp4
 5-4 App流程结构及开发计划 (15:43).mp4
 5-5 飞速创建后台和 Mock 假数据（1） (05:42).mp4
 5-6 飞速创建后台和 Mock 假数据（2） (23:13).mp4
 第6章 开发视频配音页面 

17 节 | 244分钟 6-1 视频列表页挖坑开发（1） (09:18).mp4
 6-2 视频列表页挖坑开发（2） (18:34).mp4
 6-3 RN 的异步请求与封装 (27:21).mp4
 6-4 列表页上滑预加载和下拉刷新效果（1） (17:56).mp4
 6-5 列表页上滑预加载和下拉刷新效果（2） (12:10).mp4
 6-6 iOS 屏幕尺寸及分辨率知识点解析 (08:20).mp4
 6-7 列表页点赞功能 (13:53).mp4
 6-8 RN 导航器 Navigator 的用法 (12:29).mp4
 6-9 详情页视频播放控制 (16:01).mp4
 6-10 详情页视频播放控制loading-进度条-重播功能 (19:37).mp4
 6-

11 详情页视频播放控制--暂停、播放控制 (07:49).mp4
 6-

12 详情页视频播放控制--容错处理、返回导航 (11:11).mp4
 6-

13 详情页视频信息补全 (09:12).mp4
 6-14 获取视频评论列表（1） (18:13).mp4
 6-15 获取视频评论列表（2） (07:54).mp4
 6-

16 RN 里面提交评论表单（1） (17:35).mp4
 6-

17 RN 里面提交评论表单（2） (15:32).mp4
 第7章 RN 知识进阶串讲 7 节 | 87分钟 7-1 React 与 MVC (02:37).mp4
 7-2 RN 的 30+组件 (18:07).mp4
 7-3 Flexbox 弹性布局的魔法属性（1） (16:03).mp4
 7-4 Flexbox 弹性布局的魔法属性（2） (11:41).mp4
 7-5 如何甄选第三方组件 (09:59).mp4
 7-6 RN 的 AsyncStorage 异步存储 (22:39).mp4
 7-7 如何在手机上安装演示 RN 原型项目 (05:35).mp4
 第8章 App 内注册登录 4 节 | 53分钟 8-1 伪造 Rap 注册登录接口 (07:10).mp4
 8-2 实现注册登录页面1（输入验证码） (20:13).mp4
 8-3 实现注册登录页面2（倒记时） (12:44).mp4
 8-4 本地管理应用登录状态 (11:54).mp4
 第9章 用户账户页面 9 节 | 139分钟 9-1 头像展示与相册选取（1） (16:08).mp4
 9-2 头像展示与相册选取（2） (12:06).mp4
 9-3 头像展示与相册选取（3） (17:05).mp4
 9-4 XHR 异步上传图片到 cloudinary 图床（1） (15:54).mp4
 9-5 XHR 异步上传图片到 cloudinary 图床（2） (17:35).mp4
 9-6 饼状图显示图片上传进度（1） (13:52).mp4
 9-7 饼状图显示图片上传进度（2） (14:05).mp4
 9-8 编辑和保存用户资料（1） (19:24).mp4
 9-9 编辑和保存用户资料（2） (12:31).mp4
 第10章 用 Koa 开发本地 API 后台 

10 节 | 154分钟 10-1 本地安装 Mongodb 数据库 (07:08).mp4
 10-2 搭建 Koa 初始项目架构 (20:53).mp4
 10-3 Koa 中配置使用 Mongodb 数据库（1） (14:03).mp4
 10-4 Koa 中配置使用 Mongodb 数据库（2） (10:10).mp4
 10-5 用螺丝帽在 Koa 中发送短信（1） (14:22).mp4
 10-6 用螺丝帽在 Koa 中发送短信（2） (15:21).mp4
 10-7 用 DHC 插件快速测试本地 API 服务 (18:49).mp4
 10-8 服务器端实现图床签名接口 (14:38).mp4
 10-9 用七牛上传图片资源（1） (20:39).mp4
 10-10 用七牛上传图片资源（2） (16:55).mp4
 第11章 开发视频配音页面 

19 节 | 291分钟 11-1 视频选择器与视频预览（1） (15:49).mp4
 11-2 视频选择器与视频预览（2） (12:00).mp4
 11-3 用七牛上传视频资源（1） (13:32).mp4
 11-4 用七牛上传视频资源（2） (14:20).mp4
 11-5 服务器端存储视频信息（1） (15:35).mp4
 11-6 服务器端存储视频信息（2） (10:10).mp4
 11-7 控制录音倒计时 (19:35).mp4
 11-8 实现视频录音功能（1） (20:49).mp4
 11-9 实现视频录音功能（2） (08:47).mp4
 11-10 上传音频到云空间（1） (16:54).mp4
 11-11 上传音频到云空间（2） (12:50).mp4
 11-

12 服务器端存储音频数据 (12:46).mp4
 11-13 合并音频视频并同步封面图到七牛（1） (12:14).mp4
 11-14 合并音频视频并同步封面图到七牛（2） (13:12).mp4
 11-15 发布整个视频音频创意（1） (10:19).mp4
 11-16 发布整个视频音频创意（2） (11:32).mp4
 11-

17 服务器端保存视频创意 (21:34).mp4
 11-

18 视频列表页对接后台数据 (24:07).mp4
 11-

19 完善评论和点赞后台 (24:17).mp4
 第12章 App 上线准备工作 5 节 | 84分钟 12-1 制作导出 App 各尺寸图标 (23:09).mp4
 12-2 配置启动过渡画面和 App 名字 (09:01).mp4
 12-3 为 App 开发轮播图功能 (22:26).mp4
 12-4 打包 App 安装文件并借助蒲公英分发测试 (19:04).mp4
 12-5 利用蒲公英做 BUG 探索测试 (10:17).mp4
 第13章 二期课程--初识 Redux 框架 3 节 | 76分钟 13-1 先了解下 Immutable Data (22:51).mp4
 13-2 React 蛋疼的数据通信 (22:21).mp4
 13-3 理解 Redux 的工作原理和基本用法 (30:33).mp4
 第14章 二期课程--React Native 升级到 0.42.3 

17 节 | 354分钟 14-1 获取 1 期源码进行升级降级 (11:18).mp4
 14-2 依赖模块升级与 Link (12:42).mp4
 14-3 重新划分项目目录结构 (07:43).mp4
 14-4 利用 Redux 组装 store (15:07).mp4
 14-5 重构主控页面引入 connect 连接组件 (18:37).mp4
 14-6 dispatch 异步请求控制 App 加载次序 (25:47).mp4
 14-7 引入 React Navigation 解决导航及嵌套路由跳转 (31:35).mp4
 14-8 抽象列表页容器组件重构数据流 (45:15).mp4
 14-9 完善列表页功能成功运行 Redux 集成效果 (21:28).mp4
 14-

10 重构详情页进行代码减肥 (14:20).mp4
 14-

11 抽象主要页面的容器组件 (35:13).mp4
 14-

12 实现评论与详情页的跳转和数据更新 (16:07).mp4
 14-

13 重新配置注册登录的数据状态同步 (08:04).mp4
 14-

14 抽离信息提示组件状态到全局完善评论 (14:48).mp4
 14-

15 抽象升级配音页面及导航容器 (33:08).mp4
 14-

16 重新组织账户页面 (16:30).mp4
 14-

17 升级账户更新页同步新数据 (26:10).mp4
 第15章 二期课程--兼容开发 Android App 4 节 | 82分钟 15-1 配置 Android 本地开发环境 (22:36).mp4
 15-2 第一次尝试运行 Android RN 项目 (10:25).mp4
 15-3 兼容 Android 平台样式 (26:09).mp4
 15-4 兼容 Android 录制功能 (22:15).mp4