实战 \React Native技术精讲与高质量上线APP开发
收藏

React Native技术精讲与高质量上线APP开发

难度 中级
时长 32小时
学习人数 1156
9.78分
¥ 399.00

React Native技术精讲与高质量上线APP开发

  • 第1章 开发准备(学前需要RN语法基础)

    (一定要先看本章第一节)本章首先会对项目需求进行分析,然后对项目效果进行演示,让大家知道我们将要开发一款怎样的APP,接着,会制定一个项目开发计划,让大家明白我们将以怎样的方式开发这款APP,然后,会对这款APP做一个技术上的分解,让大家知道开发这款APP需要用到哪些技术;然后,会教你如何自定义组件,如何进行页...

    • 1-1 课程学习指南(一定要最先看)
    • 1-2 项目介绍与开发计划
    • 1-3 项目技术分解
    • 1-4 项目结构介绍
    • 1-5 项目底部导航菜单开发
    • 1-6 Navigator的基本使用及页面间数据传递实现
    • 1-7 自定义组件NavigationBar-1
    • 1-8 自定义组件NavigationBar-2
    • 1-9 自定义组件NavigationBar-3
  • 第2章 适配RN 0.55全新导航器react-navigation精讲

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

    • 2-1 react-navigation讲解
    • 2-2 StackNavigator精讲-1
    • 2-3 StackNavigator精讲-2
    • 2-4 StackNavigator精讲-3
    • 2-5 StackNavigator精讲-4
    • 2-6 TabNavigator精讲-1
    • 2-7 TabNavigator精讲-2
    • 2-8 TabNavigator精讲-3
    • 2-9 DrawerNavigator精讲-1
    • 2-10 DrawerNavigator精讲-2
  • 第3章 适配RN 0.55最新高性能列表组件精讲

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

    • 3-1 高性能列表组件FlatList、VirtualizedList精讲-1
    • 3-2 高性能列表组件FlatList、VirtualizedList精讲-2
    • 3-3 高性能列表组件FlatList、VirtualizedList精讲-3
    • 3-4 高性能列表组件FlatList、VirtualizedList精讲-4
    • 3-5 高性能列表组件SwipeableFlatList精讲
    • 3-6 高性能列表组件SectionList详解-1
    • 3-7 高性能列表组件SectionList详解-2
  • 第4章 项目基础功能开发(ListView、下拉刷新、上拉加载更多、APP启动引导流程)

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

    • 4-1 ListView列表、下拉刷新、上拉加载的基本使用
    • 4-2 网络编程利器-Fetch的基本使用
    • 4-3 网络编程利器-Fetch的轻量级封装
    • 4-4 项目启动引导流程实现
  • 第5章 Popular(最热)模块开发(AsyncStorage数据库技术、离线缓存)

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

    • 5-1 Popular(最热)模块的数据层设计
    • 5-2 Popular(最热)模块的列表页面实现-1
    • 5-3 Popular(最热)模块的列表页面实现-2
    • 5-4 Popular(最热)模块的列表页面实现-3
    • 5-5 AsyncStorage异步数据存储技术解析
    • 5-6 Popular(最热)模块的自定义标签功能实现-1
    • 5-7 Popular(最热)模块的自定义标签功能实现-2
    • 5-8 Popular(最热)模块的自定义标签功能实现-3
    • 5-9 Popular(最热)模块的自定义标签功能实现-4
    • 5-10 Popular(最热)模块的标签排序功能实现-1
    • 5-11 Popular(最热)模块的标签排序功能实现-2
    • 5-12 Popular(最热)模块的标签移除功能实现
    • 5-13 Popular(最热)模块的离线缓存功能实现
    • 5-14 WebView控件实现简单浏览器
    • 5-15 Popular(最热)模块的详情页功能实现
  • 第6章 Trending(趋势)模块开发(代码优化技巧、高复用代码设计)

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

    • 6-1 Trending(趋势)模块的数据接口实现原理及使用详解
    • 6-2 Trending(趋势)模块的数据层设计
    • 6-3 Trending(趋势)模块的列表页面实现
    • 6-4 Pop弹窗功能实现
    • 6-5 Trending(趋势)模块的自定义语言功能实现
    • 6-6 Trending(趋势)模块的自定义语言排序功能实现
  • 第7章 Favorite(收藏)模块开发(数据DAO层设计技巧,数据状态实时更新)

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

    • 7-1 为Popular(最热)模块的列表页添加收藏功能-1
    • 7-2 为Popular(最热)模块的列表页添加收藏功能-2
    • 7-3 Favorite(收藏)模块的收藏状态数据DAO层设计
    • 7-4 Favarite(收藏)模块的数据收藏状态实时更新
    • 7-5 为Trending(趋势)模块的列表页添加收藏功能
    • 7-6 为Popular(最热)与Trending(趋势)模块的详情页添加收藏的功能
    • 7-7 Favorite(收藏)模块列表页面基本实现与用户所收藏的项目数据获取
    • 7-8 Favorite(收藏)模块列表页面具体实现-1
    • 7-9 Favorite(收藏)模块列表页面具体实现-2
  • 第8章 My(我的)模块开发(代码提取技巧,组合模式应用技巧,数据异步刷新与动态添加)

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

    • 8-1 My(我的)模块分组列表页面实现-1
    • 8-2 My(我的)模块分组列表页面实现-2
    • 8-3 My(我的)模块分组列表页面实现-3
    • 8-4 My(我的)模块项目介绍页面简单实现(parallar-scroll-view)-1
    • 8-5 My(我的)模块项目介绍页面简单实现(parallar-scroll-view)-2
    • 8-6 My(我的)模块项目介绍页面复用代码提取技巧
    • 8-7 My(我的)模块意见反馈,项目官网展示功能实现
    • 8-8 My(我的)模块项目介绍数据请求工具开发(RepositoryUtil)-1
    • 8-9 My(我的)模块项目介绍数据请求工具开发(RepositoryUtil)-2
    • 8-10 My(我的)模块项目介绍数据展示-1
    • 8-11 My(我的)模块项目介绍数据展示-2
    • 8-12 My(我的)模块关于作者页面实现(自定义可扩展列表)-1
    • 8-13 My(我的)模块关于作者页面实现-2
  • 第9章 Search(搜索)模块开发(动态关键字,可取消异步任务设计)

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

    • 9-1 带搜索的NavBar实现-1
    • 9-2 带搜索的NavBar实现-2
    • 9-3 搜索数据显示与onFavorite()方法的提取-1
    • 9-4 搜索数据显示与onFavorite()方法的提取-2
    • 9-5 为Search(搜索)模块添加进度条与底部按钮-1
    • 9-6 为Search(搜索)模块添加进度条与底部按钮-2
    • 9-7 添加返回首页数据刷新功能
    • 9-8 为Promise插上翅膀之可取消的异步任务
  • 第10章 MoreMenu(更多菜单)模块开发(封装可配置菜单组件,RN版本升级踩坑)

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

    • 10-1 可配置菜单的实现-1
    • 10-2 可配置菜单的实现-2
    • 10-3 可配置菜单的实现-3
    • 10-4 ReactNative版本升级踩坑(0.39-to-0.40)
  • 第11章 高级功能开发(多彩主题、数据统计、社会化分享、第三方登录,热更新等)

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

    • 11-1 构建自定义多彩主题页面
    • 11-2 应用自定义多彩主题页面-1
    • 11-3 应用自定义多彩主题页面-2
    • 11-4 实现自定义多彩主题变换
    • 11-5 React Native原生模块的封装(Android)
    • 11-6 React Native原生模块的封装(iOS)
    • 11-7 React Native集成统计功能
    • 11-8 React Native 分享与第三方登录模块开发(Android)-分享模块开发
    • 11-9 React Native分享与第三方登录模块开发(Android)-分享模块的应用
    • 11-10 React Native 分享与第三方登录模块开发(iOS)
    • 11-11 React Native启动白屏问题原因及解决方案(Android)
    • 11-12 React Native启动白屏问题原因及解决方案(iOS)
    • 11-13 如何适配Android和iOS双平台
    • 11-14 CodePush 热更新-集成CodePush(Android)
    • 11-15 CodePush 热更新-集成CodePush(iOS)
    • 11-16 CodePush 热更新-应用CodePush(Android)
    • 11-17 CodePush 热更新-应用CodePush(iOS)
  • 第12章 项目发布前的优化、打包与上线Android和IOS APP、学习资料

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

    • 12-1 项目发布前的优化(Android)
    • 12-2 项目发布前的优化(iOS)
    • 12-3 项目打包发布Android应用
    • 12-4 项目打包发布iOS应用
    • 12-5 课程总结
  • 第13章 适配RN 0.55最新版对项目与组件升级与适配

    React Native的升级与适配一直是困扰开发者的一个痛点,本章节将讲解最新版React Native的升级与适配的经验与技巧,同时会对比不同升级方式的优缺点,并会对React Native过去一年中的重要更新做个总结,并且给出适配建议。另外本章节也会对最新版React Native的API做个讲解,同时会带着大家通过将课程真实案例来做API、...

    • 13-1 最新版React Native 的升级与适配
    • 13-2 升级第三方组件,适配PropTypes,ViewPropTypes
    • 13-3 使用react-navigation搭建项目导航框架-1
    • 13-4 使用react-navigation搭建项目导航框架-2
    • 13-5 使用react-navigation搭建项目导航框架-3
    • 13-6 使用react-navigation搭建项目导航框架-4
    • 13-7 基于modal的全屏弹框封装-1
    • 13-8 基于modal的全屏弹框封装-2
    • 13-9 基于modal的全屏弹框封装-3
    • 13-10 FlatList实战应用(从ListView到FlatList的适配)
    • 13-11 React 16.3,React 17适配指南与BackHandler应用-1
    • 13-12 React 16.3,React 17适配指南与BackHandler应用-2
    • 13-13 React 16.3,React 17适配指南与BackHandler应用-3
    • 13-14 React 16.3,React 17适配指南与BackHandler应用-4
  • 第14章 适配RN 0.55全面屏适配指南

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

    • 14-1 React Native 全屏幕适配指南.mp4
    • 14-2 React Native 适配iOS全面屏iPhone X-1
    • 14-3 React Native 适配iOS全面屏iPhone X-2
    • 14-4 React Native 升级适配Android与适配Android全面屏
本课程已完结


讲师

5年移动开发与带队经验,擅长Android、iOS、React Native开发,负责过前端、Java、Android、iOS等多个项目的开发,有多款React Native App上线及管理经验。 主要关注的领域为移动App框架和架构的演进、移动开源框架、React Native、前端开发、组件化、敏捷开发、自动化测试、持续交付及跨平台技术等;

意见反馈 常见问题 APP下载
官方微信