收藏

RN入门到进阶,打造高质量上线App(2022全新升级)

基于新版RN,结合大厂主流核心技术,从架构设计到进阶拓展

RN入门到进阶,打造高质量上线App(2022全新升级)

难度 中级 时长 22小时 学习人数 2839 综合评分 9.95

RN入门到进阶,打造高质量上线App(2022全新升级)

  • 第1章 学习攻略【课程提供2000+问题与答案库】 试看 2 节 | 17分钟

    【你遇到的坑,别人已经出坑了,课程提供2000+问题与答案库】【老师是位答题狂,问答区的问题有问必答】【课程安排:1-5章(入门进阶)-> 6-11章(实战提升) -> 12-16章(拓展拔高)】,课程每个核心章为大家添加了N个练习作业,让大家带着问题去学习,学完本章后又可以将所学知识进行巩固和检验。...

    收起列表

    • 图文: 1-1 课前必读(不看会错过一个亿)
    • 视频: 1-2 课程导学 (16:47) 试看
  • 第2章 React Native基础理论知识加油站【赠送内容选看】 13 节 | 62分钟

    工欲善其事必先利其器,本章将为大家精选了一些RN基础知识,有RN基础的同学可跳过这一章,直接进入项目实战环节。

    收起列表

    • 图文: 2-1 本章目标
    • 图文: 2-2 开发环境搭建指导-Mac平台【持续更新】
    • 图文: 2-3 开发环境搭建指导-Windows平台【持续更新】
    • 图文: 2-4 VS Code开发React Native实用技巧【持续更新】
    • 视频: 2-5 ES6,ES7,ES8学习指南-1 (12:36)
    • 视频: 2-6 ES6,ES7,ES8学习指南-2 (12:08)
    • 视频: 2-7 ES6,ES7,ES8学习指南-3 (08:23)
    • 视频: 2-8 React必备基础讲解-1 (10:29)
    • 视频: 2-9 React必备基础讲解-2 (17:54)
    • 图文: 2-10 React Native Hooks开发指南
    • 图文: 2-11 React Native调试技巧实战应用【持续更新】
    • 作业: 2-12 创建支持TS项目,对比和仅支持JS语言的RN项目
    • 图文: 2-13 本章总结
  • 第3章 网络编程与数据存储技术 11 节 | 50分钟

    本章将手把手搭建一套RN网络框架,带你掌握网络操作、本地存储核心技术的基础上,传授你开发提效的思路、方案和经验。

    收起列表

    • 图文: 3-1 本章目标
    • 图文: 3-2 走进React Native网络编程
    • 视频: 3-3 .React Native网络编程之Fetch精讲 (09:38)
    • 图文: 3-4 React Native数据存储揭秘
    • 视频: 3-5 .React Native数据库编程之AsyncStorage精讲 (09:30)
    • 图文: 3-6 项目接口文档
    • 视频: 3-7 .后端接口使用指南 (03:06)
    • 视频: 3-8 .网络层框架HiNet设计与开发-上 (17:29)
    • 视频: 3-9 .网络层框架HiNet设计与开发-下 (10:03)
    • 作业: 3-10 基于HiNet实现对登录接口的请求
    • 图文: 3-11 本章总结
  • 第4章 RN布局实战与登录服务 9 节 | 46分钟

    本章将以登录模块架构设计为背景来带你掌握模块设计以及RN中接口鉴权的方案,并着重培养大家封装组件的能力和布局能力。

    收起列表

    • 图文: 4-1 本章目标
    • 图文: 4-2 React Native登录与注册SDK设计与实现
    • 视频: 4-3 基于TextInput自定义账号和密码输入框 (12:56)
    • 视频: 4-4 基于TouchableOpacity与Linking实现链接预览功能 (10:00)
    • 视频: 4-5 标题栏组件封装与实现登录服务页面结构布局 (08:14)
    • 视频: 4-6 基于HiNet实现登录功能 (09:56)
    • 视频: 4-7 基于AsyncStorage实现接口鉴权与登录态处理 (04:50)
    • 作业: 4-8 完成注册模块的设计与实现
    • 图文: 4-9 本章总结
  • 第5章 需求分析、模块设计、APP导航框架搭建【先打一仗,巩固技能】 12 节 | 89分钟

    需求分析、项目演示和App流程结构介绍:让你对实战App有个整体和系统的认识;技术分解:让你知道开发一款React Native应用通常需要用到哪些技术?最后,会教你如何基于新版react-navigation来搭建整个APP的导航框架,动态TabBar的探索和实现,以及一些高级应用和实战技巧。...

    收起列表

    • 图文: 5-1 本章目标
    • 视频: 5-2 需求分析,技术分解,模块设计 (18:57)
    • 图文: 5-3 矢量图标(react-native-vector-icons)使用指南
    • 图文: 5-4 新版react-navigation上手指南
    • 视频: 5-5 App导航基础架构设计 (13:15)
    • 视频: 5-6 基于导航框架实现页面间的跳转 (09:22)
    • 视频: 5-7 基于react-navigation的APP导航框架搭建-欢迎页 (05:01)
    • 视频: 5-8 基于react-navigation的APP导航框架搭建-底部导航 (16:55)
    • 视频: 5-9 基于react-navigation的APP导航框架搭建-顶部导航- (18:13)
    • 视频: 5-10 顶部导航Tab样式自定义 (06:34)
    • 作业: 5-11 基于NavigationDelegate来创建趋势页面的顶部
    • 图文: 5-12 本章总结
  • 第6章 基于Redux的项目框架搭建【适用于拔高:成神之路,助你一臂之力】 7 节 | 30分钟

    【提供600+问题与答案库,你遇到的坑,别人已经出坑了】本章节会对Redux、react-redux进行全面的剖析和讲解,另外会对Redux的高级用法异步Action,异步数据流,中间件等进行讲解,并且结合真实的项目案例来讲解Redux在React Native项目中的应用。...

    收起列表

    • 图文: 6-1 本章目标
    • 图文: 6-2 【理论熏陶】走进Redux【持续更新】
    • 图文: 6-3 【理论熏陶】在React Native使用Redux【持续更新】
    • 视频: 6-4 Redux集成开发指南-上 (11:04)
    • 视频: 6-5 Redux集成开发指南-下 (18:19)
    • 作业: 6-6 修改主题后借助Redux同时改变最热页面顶部Tab的颜色
    • 图文: 6-7 本章总结
  • 第7章 最热模块开发【你期待的实战来了,干货满满】 7 节 | 80分钟

    如何设计与实现最热模块?如何基于Redux+FlatList实现列表页数据加载?如何设计最热模块的state树?如何操作异步action与数据流?如何动态的设置store和获store?connect的灵活应用?action如何和调用页面进行交?FlatList的高级应用与加载更多的优化。...

    收起列表

    • 图文: 7-1 本章目标
    • 图文: 7-2 最热模块接口系分与数据交互封装
    • 视频: 7-3 基于Redux+FlatList实现列表页数据加载(异步action与数据流,state树设计) (17:08)
    • 视频: 7-4 列表实现&数据渲染【封装与复用】 (14:53)
    • 视频: 7-5 自定义组件实现列表Item【组件封装】 (15:13)
    • 视频: 7-6 FlatList的高级应用&上拉加载更多功能实现-1【这个技能很实用】 (18:39)
    • 视频: 7-7 FlatList的高级应用&上拉加载更多功能实现-2【这个技能很实用】 (13:33)
  • 第8章 趋势模块开发【适用于企业级应用开发:简洁、高效、实用】 7 节 | 69分钟

    如何设计与实现趋势模块?如何优化TabNavigator效率?如何封装自定义组件?如何自定义导航栏?如何基于Modal实现自定义弹框?如何最大程度的进行代码封装与复用?如何处理物理返回键?DeviceEventEmitter的使用经验和技巧,WebView的使用与封装并实详情页。...

    收起列表

    • 图文: 8-1 本章目标
    • 图文: 8-2 趋势模块接口系分与数据交互封装
    • 视频: 8-3 趋势页面Reudx设计与数据交互处理(一) (13:43)
    • 视频: 8-4 趋势页面Reudx设计与数据交互处理(二) (10:15)
    • 视频: 8-5 趋势页面开发【列表实现】 (12:54)
    • 视频: 8-6 H5混合开发详情模块(一) (18:00)
    • 视频: 8-7 H5混合开发详情模块(二) (14:01)
  • 第9章 收藏模块开发【适用于企业级应用开发:简洁、高效、实用】 6 节 | 96分钟

    如何设计与实现收藏模块?如何基于多数据存储设计思想实现FavoriteDao?如何为最热与趋势模块添加收藏与取消收藏的功能?如何进行跨页面通信?如何妙用callback解决Item跨组件更新问题?如何基于最新React标准封装组件?如何封装BaseItem并通过继承的方式进行代码复用?...

    收起列表

    • 视频: 9-1 基于多数据存储设计思想实现FavoriteDao,封装BaseItem【思考与实践】 (20:58)
    • 视频: 9-2 收藏功能的实现-1【实战应用】 (16:37)
    • 视频: 9-3 收藏功能的实现-2【实战应用】 (15:42)
    • 视频: 9-4 实现收藏页面(一) (15:04)
    • 视频: 9-5 实现收藏页面(二) (15:24)
    • 视频: 9-6 实现收藏页面(三) (11:42)
  • 第10章 我的模块开发【一点小心思,适合装逼】 6 节 | 107分钟

    如何设计与实现我的模块?如何封装WebView实现一个简单的浏览器?如何使用组装者模式实现关于页面的功能逻辑复用以及它与通过继承方式复用代码的优缺点?在React Native中如何打电话,发短信,打开其他APP或被其他APP打开?以及Clipboard剪切板使用介绍。...

    收起列表

    • 视频: 10-1 实现我的列表页-1【列表封装与复用】 (14:38)
    • 视频: 10-2 实现我的列表页-2【列表封装与复用】 (13:47)
    • 视频: 10-3 实现简单浏览器 (09:31)
    • 视频: 10-4 组装者模式实现关于页面(一) (20:21)
    • 视频: 10-5 组装者模式实现关于页面(二) (18:53)
    • 视频: 10-6 实现关于作者页面与Linking、Clipboard的使用 (29:12)
  • 第11章 定制化功能与主题模块开发【张扬个性:炫酷又把妹】 6 节 | 101分钟

    如何实现自定义主题与APP动态换肤的功能?如何动态配置TabBar?如何实现标签排序、标签订阅、标签移除等功能?

    收起列表

    • 视频: 11-1 LanguageDao的封装与动态加载自定义标签的实现 (18:33)
    • 视频: 11-2 自定义标签与自定义语言功能实现(一) (15:12)
    • 视频: 11-3 自定义标签与自定义语言功能实现(二) (16:16)
    • 视频: 11-4 自定义标签与标签移除功能实现【边学边做】 (18:35)
    • 视频: 11-5 自定义主题设计与实现-1【动态修改皮肤】 (17:31)
    • 视频: 11-6 自定义主题设计与实现-2【动态修改皮肤】 (14:17)
  • 第12章 搜索模块开发【适用于工作,思考与提升】 7 节 | 80分钟

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

    收起列表

    • 图文: 12-1 本章作业(带着5个问题去学习)
    • 视频: 12-2 搜索模块Redux设计与取消异步任务的思考与实现-1【思考与提炼】 (12:14)
    • 视频: 12-3 搜索模块Redux设计与取消异步任务的思考与实现-2【思考与提炼】 (17:24)
    • 视频: 12-4 搜索页面实现-1【实战应用】 (13:43)
    • 视频: 12-5 搜索页面实现-2【实战应用】 (15:22)
    • 视频: 12-6 搜索页面实现-3【实战应用】 (20:15)
    • 作业: 12-7 设计实现实时搜索的功能
  • 第13章 全面屏适配与兼容问题【适用于面试:满腹干货不慌张】 3 节 | 0分钟

    本章节主要讲解全屏幕的适配与优化,并对全面屏的特点及存在的问题做出分析,同时教大家如何适配iPhone X,华为,小米、三星等全面屏与凹凸屏手机。另外,会讲解react-navigation在全面屏凹凸屏上的应用,章节最后会教大家如何去自定义一个容器组件。...

    收起列表

    • 图文: 13-1 本章作业(带着10个问题去学习)
    • 图文: 13-2 React Native 全屏幕适配指南【走在技术前沿】
    • 图文: 13-3 启动白屏问题与启动屏开发【经验传授】
  • 第14章 打包发布与CodePush热更新【适用于面试:满腹干货不慌张】 6 节 | 13分钟

    本章会教你对React Native进行发布前的优化;以及如何打包发布React Native Android应用与React Native iOS应用,以及如何使用CodePush进行热更新。

    收起列表

    • 图文: 14-1 本章作业( 带着8个问题去学习)
    • 图文: 14-2 走进RN热更新CodePush
    • 图文: 14-3 Android平台集成CodePush开发指南
    • 图文: 14-4 iOS平台集成CodePush开发指南
    • 图文: 14-5 基于CodePush实现热更新
    • 视频: 14-6 打包发布React Native项目【收获果实】 (12:07)
  • 第15章 数据统计与分享、第三方登录功能实现【升职加薪必备筹码:迎娶白富美,更进一步】 11 节 | 61分钟

    本章会教你一些React Native开发的高级技能;首先会教你如何构建 React Native原生模块,来实现一些更高级的功能,比如多线程,图片处理等;接下来会教你如何在React Native应用中集成统计的功能,以及如何构建分享模块并集成分享与第三方登录的功能;然后,会讲解启动白屏产生的原因以及启动白屏解决方案;最后,会讲...

    收起列表

    • 图文: 15-1 本章作业( 带着6个问题去学习)
    • 图文: 15-2 RN开发并调用Android代码和模块【Android技术与RN融合】
    • 图文: 15-3 RN开发并调用iOS代码和模块【iOS技术与RN融合】
    • 图文: 15-4 RN App数据统计模块开发精讲-Android
    • 图文: 15-5 RN App数据统计模块开发精讲-iOS
    • 视频: 15-6 RN App数据统计模块开发精讲-1【运营数据一目了然】 (13:33)
    • 视频: 15-7 RN App数据统计模块开发精讲-2【运营数据一目了然】 (16:10)
    • 图文: 15-8 RN App社会化分享、第三方登录开发精-Android
    • 图文: 15-9 RN App社会化分享、第三方登录开发精讲-iOS
    • 视频: 15-10 RN App社会化分享、第三方登录开发精讲-1【必备加分技能】 (13:03)
    • 视频: 15-11 RN App社会化分享、第三方登录开发精讲-2【必备加分技能】 (17:19)
  • 第16章 React Native混合开发【高能预警,解锁最流行的开发方式,难度指数5星】 12 节 | 97分钟

    在做RN开发的时候通常离不了JS 和Native之间的通信,比如:初始化RN时Native向JS传递数据,JS调用Native的相册选择图片,JS调用Native的模块进行一些复杂的计算,Native将一些数据(GPS信息,陀螺仪,传感器等)主动传递给JS等,在本章中我将向大家介绍在RN中JS和Native之间通信的几种方式以及其原理和使用技巧。...

    收起列表

    • 图文: 16-1 本章作业(带着9个问题去学习)
    • 图文: 16-2 走进React Native Android混合开发实战
    • 视频: 16-3 React Native 混合开发实战(Android篇)-1【解锁新的开发方式】 (09:59)
    • 视频: 16-4 React Native 混合开发实战(Android篇)-2【解锁新的开发方式】 (11:02)
    • 视频: 16-5 React Native 混合开发实战(Android篇)-3【解锁新的开发方式】 (11:24)
    • 视频: 16-6 React Native 混合开发实战(Android篇)-4【解锁新的开发方式】 (09:35)
    • 视频: 16-7 React Native 混合开发实战(Android篇)-5【解锁新的开发方式】 (12:54)
    • 视频: 16-8 React Native 混合开发实战(Android篇)-6【解锁新的开发方式】 (08:45)
    • 图文: 16-9 走进React Native iOS混合开发实战
    • 视频: 16-10 React Native 混合开发实战(iOS篇)-1【解锁新的开发方式】 (13:16)
    • 视频: 16-11 React Native 混合开发实战(iOS篇)-2【解锁新的开发方式】 (14:08)
    • 视频: 16-12 React Native 混合开发实战(iOS篇)-3【解锁新的开发方式】 (05:18)
  • 第17章 React Native升级与适配指南【适用于工作:开发避雷针】 2 节 | 8分钟

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

    收起列表

    • 图文: 17-1 本章作业(带着3个问题去学习)
    • 视频: 17-2 React Native升级与适配指南【后期开发避雷】 (07:42)
  • 第18章 课程总结【万金油,出师必备锦囊】 1 节 | 3分钟

    恭喜大家都坚持到了最后,相信大家通过本课程的学习都学有所成,学有所获,最后我们再次总结,回顾和巩固所学,希望大家都能够学以致用,祝大家工作顺利。

    收起列表

    • 视频: 18-1 课程总结 (02:49)
  • 第19章 增值内容 2 节 | 0分钟

    不定期为大家补充React Native前沿技术。

    收起列表

    • 图文: 19-1 React Navigation 4x到5x的迁移指南
    • 图文: 19-2 React Navigation 5x安装适配指南
本课程已完结

试看

全部试看小节



讲师

深耕移动端领域8年有余,全栈技术专家,CSDN 博客专家,擅长Android、iOS、Flutter、React Native以及小程序项目开发,负责过前端、Java、Android、iOS等多平台项目的研发,有多款React Native App上线及管理经验。他享受编程、热爱开源、酷爱分享,平时除了写写博客外,也分享一些开源技术干货 · Github

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题