课程介绍

《React Native技术精讲与高质量上线App开发》课程是一门面向想要学习React Native技术和开发高质量App的学习者的课程。本课程通过深入讲解React Native的原理和技术细节，帮助学习者掌握React Native的开发技能，并教导如何开发出高质量的移动应用程序。

该课程的主要内容包括以下几个方面：

1. React Native基础知识：课程首先会介绍React Native的基本概念和原理，如组件、状态管理、UI渲染、布局等。学习者将了解React Native的工作原理，并学会使用基本的React Native组件和API。
2. React Native高级技术：课程会深入讲解React Native的高级技术和特性，如导航、网络请求、数据持久化、调试等。学习者将学会如何使用这些技术来构建复杂的移动应用程序。
3. React Native与原生代码交互：课程会介绍如何与原生代码进行交互，如使用原生模块、调用原生API等。学习者将学会如何在React Native应用中使用原生功能，并实现更多的定制化需求。
4. App开发实战：课程将通过实战项目来帮助学习者应用所学的React Native知识。学习者将跟随课程完成一个完整的App开发项目，从需求分析、UI设计、代码实现到测试和上线，全方位地了解App开发的整个流程。
5. 高质量上线：除了开发技术，课程还会介绍如何保证App的质量和性能，如代码规范、测试、性能优化等。学习者将学会如何开发出稳定、高效、易维护的React Native应用，并将其上线到应用商店。

通过学习该课程，学习者可以全面了解React Native技术和开发流程，掌握React Native的开发技能，并能够开发出高质量的移动应用程序。无论是想要进入移动应用开发行业，还是想要提升现有的React Native开发技能，该课程都能够满足学习者的需求。

课程目录

• 第1章 开发准备9 节 | 126分钟

  本课程有新版本上线(304),本站搜索：RN入门到进阶，打造高质量上线App

  • 视频：1-1 课程学习指南（一定要最先看） (06:44)
  • 视频：1-2 项目介绍与开发计划 (18:11)
  • 视频：1-3 项目技术分解 (08:55)
  • 视频：1-4 项目结构介绍 (03:56)
  • 视频：1-5 项目底部导航菜单开发 (27:20)
  • 视频：1-6 Navigator的基本使用及页面间数据传递实现 (20:27)
  • 视频：1-7 自定义组件NavigationBar-1 (02:54)
  • 视频：1-8 自定义组件NavigationBar-2 (25:18)
  • 视频：1-9 自定义组件NavigationBar-3 (11:14)

• 第2章 适配RN 0.55全新导航器react-navigation精讲10 节 | 114分钟

  （如果是新手，先基于0.40版本并从第四章开始学习）本章节会对react-navigation、StackNavigator、TabNavigator、DrawerNavigator做个全面的剖析和讲解，并结合案例讲解react-navigation的使用，让你学习到从react-navigation doc中获取不到的实用经验与技巧；…

  • 视频：2-1 react-navigation讲解 (17:37)
  • 视频：2-2 StackNavigator精讲-1 (11:09)
  • 视频：2-3 StackNavigator精讲-2 (14:29)
  • 视频：2-4 StackNavigator精讲-3 (05:31)
  • 视频：2-5 StackNavigator精讲-4 (15:26)
  • 视频：2-6 TabNavigator精讲-1 (08:10)
  • 视频：2-7 TabNavigator精讲-2 (10:57)
  • 视频：2-8 TabNavigator精讲-3 (10:03)
  • 视频：2-9 DrawerNavigator精讲-1 (06:05)
  • 视频：2-10 DrawerNavigator精讲-2 (13:33)

• 第3章 适配RN 0.55最新高性能列表组件精讲7 节 | 73分钟

  （如果是新手，先基于0.40版本并从第四章开始学习）本章节主要除了讲解`FlatList`,`SectionList`,`VirtualizedList`与`SwipeableFlatList`的使用技巧之外，同时会结合`ListView`对`FlatList`的特性与原理做出分析讲解，并结合课程案例带着大家从ListView到FlatList一步步走进高性能的列表。…

  • 视频：3-1 高性能列表组件FlatList、VirtualizedList精讲-1 (22:48)
  • 视频：3-2 高性能列表组件FlatList、VirtualizedList精讲-2 (10:42)
  • 视频：3-3 高性能列表组件FlatList、VirtualizedList精讲-3 (07:36)
  • 视频：3-4 高性能列表组件FlatList、VirtualizedList精讲-4 (06:58)
  • 视频：3-5 高性能列表组件SwipeableFlatList精讲 (09:46)
  • 视频：3-6 高性能列表组件SectionList详解-1 (04:25)
  • 视频：3-7 高性能列表组件SectionList详解-2 (09:58)

• 第4章 项目基础功能开发（ListView、下拉刷新、上拉加载更多、APP启动引导流程）4 节 | 74分钟

  本章首先会对开发一款App最常用的组件ListView及RefreshControl进行讲解；接着会讲解React Native 的 Fecth API的使用与轻量级封装,让你能够学习并掌握React Native的网络编程技术；最后会介绍App的启动引导流程，让你掌握一款App从启动到进入首页的来龙去脉。…

  • 视频：4-1 ListView列表、下拉刷新、上拉加载的基本使用 (24:48)
  • 视频：4-2 网络编程利器-Fetch的基本使用 (16:36)
  • 视频：4-3 网络编程利器-Fetch的轻量级封装 (11:10)
  • 视频：4-4 项目启动引导流程实现 (21:20)

• 第5章 Popular(最热）模块开发（AsyncStorage数据库技术、离线缓存）15 节 | 248分钟

  本章主要讲解如何设计与实现Popular(最热)模块；首先对Popular的数据模块进行封装，然后讲解AsyncStorage技术，让你学会在React Native中如何进行数据存储；接着讲解如何加载json数据，如何实现自定义订阅标签，标签排序，标签删除等功能，如何实现Popular模块离线缓存功能,让你掌握离线缓存原理以及实现方案；最后讲解Web…

  • 视频：5-1 Popular(最热)模块的数据层设计 (16:29)
  • 视频：5-2 Popular(最热)模块的列表页面实现-1 (17:47)
  • 视频：5-3 Popular(最热)模块的列表页面实现-2 (13:51)
  • 视频：5-4 Popular(最热)模块的列表页面实现-3 (13:17)
  • 视频：5-5 AsyncStorage异步数据存储技术解析 (18:13)
  • 视频：5-6 Popular(最热)模块的自定义标签功能实现-1 (27:44)
  • 视频：5-7 Popular(最热)模块的自定义标签功能实现-2 (06:58)
  • 视频：5-8 Popular(最热)模块的自定义标签功能实现-3 (17:29)
  • 视频：5-9 Popular(最热)模块的自定义标签功能实现-4 (13:49)
  • 视频：5-10 Popular(最热)模块的标签排序功能实现-1 (18:11)
  • 视频：5-11 Popular(最热)模块的标签排序功能实现-2 (18:36)
  • 视频：5-12 Popular(最热)模块的标签移除功能实现 (12:02)
  • 视频：5-13 Popular(最热)模块的离线缓存功能实现 (23:23)
  • 视频：5-14 WebView控件实现简单浏览器 (16:34)
  • 视频：5-15 Popular(最热)模块的详情页功能实现 (13:13)

• 第6章 Trending(趋势)模块开发（代码优化技巧、高复用代码设计）6 节 | 83分钟

  本章主要讲解如何设计与实现Trending(趋势)模块；首先会讲解如何从https://github.com/trending上获取数据，并把数据解析并封装成对象，并优化代码，将上述过程封装成一个可复用的Trending数据模块；接着会讲解在React Native中如何实现一个Pop弹出菜单；最后，我会教大家如何复用Popular(最热)模块的代码来实现一个自定义…

  • 视频：6-1 Trending(趋势)模块的数据接口实现原理及使用详解 (14:17)
  • 视频：6-2 Trending(趋势)模块的数据层设计 (09:48)
  • 视频：6-3 Trending(趋势)模块的列表页面实现 (24:03)
  • 视频：6-4 Pop弹窗功能实现 (27:25)
  • 视频：6-5 Trending(趋势)模块的自定义语言功能实现 (04:19)
  • 视频：6-6 Trending(趋势)模块的自定义语言排序功能实现 (02:44)

• 第7章 Favorite(收藏)模块开发（数据DAO层设计技巧，数据状态实时更新）9 节 | 136分钟

  本章主要讲解如何设计与实现Favorite(收藏)模块；首先会讲解如何为Popular与Trending模块添加收藏功能（包括收藏与取消收藏），接着将这一过程封装成一个可复用的FavoriteDao模块，以方便其它模块调用；然后会讲解如何将收藏的项目加载并显示出来，如何实时更新收藏状态；最后会为收藏列表实现详情页。…

  • 视频：7-1 为Popular(最热)模块的列表页添加收藏功能-1 (06:55)
  • 视频：7-2 为Popular(最热)模块的列表页添加收藏功能-2 (17:17)
  • 视频：7-3 Favorite(收藏)模块的收藏状态数据DAO层设计 (14:23)
  • 视频：7-4 Favarite(收藏)模块的数据收藏状态实时更新 (16:14)
  • 视频：7-5 为Trending(趋势)模块的列表页添加收藏功能 (11:45)
  • 视频：7-6 为Popular(最热)与Trending(趋势)模块的详情页添加收藏的功能 (22:38)
  • 视频：7-7 Favorite(收藏)模块列表页面基本实现与用户所收藏的项目数据获取 (11:22)
  • 视频：7-8 Favorite(收藏)模块列表页面具体实现-1 (08:06)
  • 视频：7-9 Favorite(收藏)模块列表页面具体实现-2 (26:48)

• 第8章 My(我的)模块开发（代码提取技巧，组合模式应用技巧，数据异步刷新与动态添加）13 节 | 209分钟

  本章主要讲解如何设计与实现My(我的)模块；首先会讲解如何构建我的页面；然后讲解如何构建关于页面与关于作者页面，在这里会对关于页面与关于作者页面的公共代码进行提取，通过这一节你会学到如何用组合的方式来复用代码的技巧，以及它与通过继承方式复用代码的优缺点；另外，通过这一章你也能学习到如何自定义扩展列表，如…

  • 视频：8-1 My(我的)模块分组列表页面实现-1 (16:37)
  • 视频：8-2 My(我的)模块分组列表页面实现-2 (14:04)
  • 视频：8-3 My(我的)模块分组列表页面实现-3 (17:21)
  • 视频：8-4 My(我的)模块项目介绍页面简单实现（parallar-scroll-view）-1 (14:13)
  • 视频：8-5 My(我的)模块项目介绍页面简单实现（parallar-scroll-view）-2 (16:33)
  • 视频：8-6 My(我的)模块项目介绍页面复用代码提取技巧 (11:24)
  • 视频：8-7 My(我的)模块意见反馈，项目官网展示功能实现 (11:40)
  • 视频：8-8 My(我的)模块项目介绍数据请求工具开发（RepositoryUtil）-1 (07:41)
  • 视频：8-9 My(我的)模块项目介绍数据请求工具开发（RepositoryUtil）-2 (21:07)
  • 视频：8-10 My(我的)模块项目介绍数据展示-1 (18:43)
  • 视频：8-11 My(我的)模块项目介绍数据展示-2 (07:10)
  • 视频：8-12 My(我的)模块关于作者页面实现(自定义可扩展列表)-1 (25:42)
  • 视频：8-13 My(我的)模块关于作者页面实现-2 (26:32)

• 第9章 Search(搜索)模块开发（动态关键字，可取消异步任务设计）8 节 | 115分钟

  本章主要讲解如何设计与实现搜索模块；首先会讲解如何实现一个带搜索的NavBar，以及输入框TextInput的使用与扩展；然后会讲解如何显示搜索进度条，以及如何显示搜索的数据，如何动态显示和隐藏底部按钮；然后，会讲解首页如何动态显示搜索模块添加的关键字，以及对“广播事件”的更进一步应用； 最后，为了实现取消搜索的…

  • 视频：9-1 带搜索的NavBar实现-1 (13:32)
  • 视频：9-2 带搜索的NavBar实现-2 (15:29)
  • 视频：9-3 搜索数据显示与onFavorite()方法的提取-1 (15:33)
  • 视频：9-4 搜索数据显示与onFavorite()方法的提取-2 (10:22)
  • 视频：9-5 为Search（搜索）模块添加进度条与底部按钮-1 (18:57)
  • 视频：9-6 为Search（搜索）模块添加进度条与底部按钮-2 (15:42)
  • 视频：9-7 添加返回首页数据刷新功能 (12:52)
  • 视频：9-8 为Promise插上翅膀之可取消的异步任务 (11:40)

• 第10章 MoreMenu(更多菜单)模块开发（封装可配置菜单组件，RN版本升级踩坑）4 节 | 62分钟

  本章主要讲解如何设计与实现更多菜单；首先会讲解如何封装一个可配置的更多菜单组件，以及可配置菜单的应用；然后，你也会学到传递组件的另外一种方式，即通过传递函数的方式来代替直接传递组件。最后这一章大家也可以学到如何对React Native的版本进行升级。

  • 视频：10-1 可配置菜单的实现-1 (27:38)
  • 视频：10-2 可配置菜单的实现-2 (10:37)
  • 视频：10-3 可配置菜单的实现-3 (08:57)
  • 视频：10-4 ReactNative版本升级踩坑（0.39-to-0.40） (14:20)

• 第11章 高级功能开发（多彩主题、数据统计、社会化分享、第三方登录，热更新等）17 节 | 278分钟

  本章会教大家一些React Native开发的高级技能；首先是如何为APP自定义实现一个多彩主题；然后是如何通过构建 React Native原生模块，来实现一些更高级的功能，比如多线程，图片处理等；接下来会教大家如何在React Native应用中集成统计功能，分享功能以及第三方登录功能等；然后，会讲解APP启动白屏问题产生的原因以及…

  • 视频：11-1 构建自定义多彩主题页面 (24:36)
  • 视频：11-2 应用自定义多彩主题页面-1 (16:26)
  • 视频：11-3 应用自定义多彩主题页面-2 (18:50)
  • 视频：11-4 实现自定义多彩主题变换 (32:20)
  • 视频：11-5 React Native原生模块的封装(Android) (23:56)
  • 视频：11-6 React Native原生模块的封装(iOS) (14:45)
  • 视频：11-7 React Native集成统计功能 (12:37)
  • 视频：11-8 React Native 分享与第三方登录模块开发(Android)-分享模块开发 (20:13)
  • 视频：11-9 React Native分享与第三方登录模块开发(Android)-分享模块的应用 (09:24)
  • 视频：11-10 React Native 分享与第三方登录模块开发(iOS) (21:47)
  • 视频：11-11 React Native启动白屏问题原因及解决方案(Android) (11:41)
  • 视频：11-12 React Native启动白屏问题原因及解决方案(iOS) (04:35)
  • 视频：11-13 如何适配Android和iOS双平台 (10:03)
  • 视频：11-14 CodePush 热更新-集成CodePush(Android) (17:05)
  • 视频：11-15 CodePush 热更新-集成CodePush(iOS) (03:31)
  • 视频：11-16 CodePush 热更新-应用CodePush(Android) (18:46)
  • 视频：11-17 CodePush 热更新-应用CodePush(iOS) (16:24)

• 第12章 项目发布前的优化、打包与上线Android和IOS APP、学习资料5 节 | 62分钟

  本章会教大家对项目进行发布前的优化；然后教大家学习如何打包发布一款React Native Android应用与React Native iOS应用。带大家走完项目开发的最后流程，最后对课程进行整体的总结与回顾。

  • 视频：12-1 项目发布前的优化(Android) (23:35)
  • 视频：12-2 项目发布前的优化(iOS) (11:53)
  • 视频：12-3 项目打包发布Android应用 (11:12)
  • 视频：12-4 项目打包发布iOS应用 (06:40)
  • 视频：12-5 课程总结 (07:52)

• 第13章 适配RN 0.55最新版对项目与组件升级与适配14 节 | 209分钟

  React Native的升级与适配一直是困扰开发者的一个痛点，本章节将讲解最新版React Native的升级与适配的经验与技巧，同时会对比不同升级方式的优缺点，并会对React Native过去一年中的重要更新做个总结，并且给出适配建议。

  • 视频：13-1 最新版React Native 的升级与适配 (22:49)
  • 视频：13-2 升级第三方组件,适配PropTypes,ViewPropTypes (30:09)
  • 视频：13-3 使用react-navigation搭建项目导航框架-1 (14:08)
  • 视频：13-4 使用react-navigation搭建项目导航框架-2 (15:41)
  • 视频：13-5 使用react-navigation搭建项目导航框架-3 (15:49)
  • 视频：13-6 使用react-navigation搭建项目导航框架-4 (13:13)
  • 视频：13-7 基于modal的全屏弹框封装-1 (19:56)
  • 视频：13-8 基于modal的全屏弹框封装-2 (13:17)
  • 视频：13-9 基于modal的全屏弹框封装-3 (12:38)
  • 视频：13-10 FlatList实战应用(从ListView到FlatList的适配) (17:42)
  • 视频：13-11 React 16.3,React 17适配指南与BackHandler应用-1 (11:40)
  • 视频：13-12 React 16.3,React 17适配指南与BackHandler应用-2 (06:46)
  • 视频：13-13 React 16.3,React 17适配指南与BackHandler应用-3 (06:00)
  • 视频：13-14 React 16.3,React 17适配指南与BackHandler应用-4 (08:27)

• 第14章 适配RN 0.55全面屏适配指南4 节 | 74分钟

  – 1.全屏幕特点，及存在的问题；- 2.iPhone X适配；- 3.Android全面屏适配；- 4.react-navigation在全面屏上的应用；- 5.自定义容器组件封装；- 描述：本章节主要讲解全屏幕的适配与优化，并对全面屏的特点及存在的问题做出分析，同时教大家如何适配iPhone X，三星S8等全面屏手机。

  • 视频：14-1 React Native 全屏幕适配指南.mp4 (26:23)
  • 视频：14-2 React Native 适配iOS全面屏iPhone X-1 (18:39)
  • 视频：14-3 React Native 适配iOS全面屏iPhone X-2 (13:14)
  • 视频：14-4 React Native 升级适配Android与适配Android全面屏 (15:18)

• 第15章 【拓展知识】React Native与Android 混合开发讲解6 节 | 64分钟

  React Native与Android 进行混合开发是比较流行的一种开发模式，但它的技术难度远高于纯React Native开发，导致很多开发者都无从下手，本章节将通过理论+实践的方式将React Native混合开发的应用场景，流程，需要掌握的技术，以及一些经验技巧传授给大家。

  • 视频：15-1 React Native 混合开发实战(Android篇)-1 (09:59)
  • 视频：15-2 React Native 混合开发实战(Android篇)-2 (11:02)
  • 视频：15-3 React Native 混合开发实战(Android篇)-3 (11:24)
  • 视频：15-4 React Native 混合开发实战(Android篇)-4 (09:35)
  • 视频：15-5 React Native 混合开发实战(Android篇)-5 (12:54)
  • 视频：15-6 React Native 混合开发实战(Android篇)-6 (08:45)

• 第16章 【拓展知识】React Native与IOS App混合开发讲解3 节 | 33分钟

  React Native与IOS App进行混合开发是比较流行的一种开发模式，但它的技术难度远高于纯React Native开发，导致很多开发者都无从下手，本章节将通过理论+实践的方式将React Native混合开发的应用场景，流程，需要掌握的技术，以及一些经验技巧传授给大家。

  • 视频：16-1 React Native 混合开发实战(iOS篇)-1 (13:16)
  • 视频：16-2 React Native 混合开发实战(iOS篇)-2 (14:08)
  • 视频：16-3 React Native 混合开发实战(iOS篇)-3 (05:18)