教程内容:ReacNative的优势就在于可以快速的开发出Android和IOS双平台APP,不论你是IOS工程师,Android工程师,还是Web前端工程师,都可以学习这个课程,最终开发出来的是IOS,Android两套APP。ReactJs和React Native的原理是相同的,都是由js实现的虚拟dom来驱动界面view层渲染。只不过ReactJs是驱动html dom渲染; React Native是驱动android/ios原生组件渲染(专门实现Android和IOS跨平台的)。主要是做RN客户端的,后台数据已经全部封装好了,用的时候直接调用API就好。需要具备JAVAScript、ES5,ES6,React前端基础,了解XCode、AndroidStudio。
教程目录:
┣━第01章 开发准备(对最新版的RN进行了升级)
┃ ┣━1-2 项目技术分解
┃ ┣━1-3 项目结构介绍
┃ ┣━1-4 项目底部导航菜单开发
┃ ┣━1-5 Navigator的基本使用及页面间数据传递实现
┃ ┣━1-6 自定义组件NavigationBar-1
┃ ┣━1-7 自定义组件NavigationBar-2
┃ ┣━1-8 自定义组件NavigationBar-3
┣━第02章 适配RN 0.55全新导航器react-navigation精讲
┃ ┣━2-1 react-navigation讲解
┃ ┣━2-10 DrawerNavigator精讲-2
┃ ┣━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
┣━第03章 适配RN 0.55最新高性能列表组件精讲
┃ ┣━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
┣━第04章 项目基础功能开发(ListView、下拉刷新、上拉加载更多、APP启动引导流程)
┃ ┣━4-1ListView组件与下拉刷新、上拉加载更多
┃ ┣━4-2网络fetch的基本使用
┃ ┣━4-3网络fetch的轻量级封装
┃ ┣━4-4 实现项目启动引导流程
┣━第05章 Popular(最热)模块开发(AsyncStorage数据库技术、离线缓存)
┃ ┣━5-1 Popular(最热)模块的数据层设计
┃ ┣━5-10 Popular(最热)模块的标签排序功能实现-1
┃ ┣━5-11 Popular(最热)模块的标签排序功能实现-2
┃ ┣━5-12 Popular(最热)模块的标签移除功能实现
┃ ┣━5-13 Popular(最热)模块的离线缓存功能实现
┃ ┣━5-14 WebView控件实现简单浏览器
┃ ┣━5-15 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
┣━第06章 Trending(趋势)模块开发(代码优化技巧、高复用代码设计)
┃ ┣━6-1 Trending(趋势)模块的数据接口实现原理及使用详解
┃ ┣━6-2 Trending(趋势)模块的数据层设计
┃ ┣━6-3 Trending(趋势)模块的列表页面实现
┃ ┣━6-4Pop弹窗功能实现
┃ ┣━6-5 和 6-6 Trending(趋势)模块的自定义语言功能实现 语言排序功能实现
┣━第07章 Favorite(收藏)模块开发(数据DAO层设计技巧,数据状态实时更新)
┃ ┣━7-1 7-2最热模块的列表页添加收藏功能(jiu)_
┃ ┣━7-1 为Popular(最热)模块的列表页添加收藏功能-1
┃ ┣━7-2 为Popular(最热)模块的列表页添加收藏功能-2
┃ ┣━7-3 Favorite模块的收藏状态数据DAO层设计
┃ ┣━7-4Favarite模块的数据收藏状态实时更新
┃ ┣━7-5趋势模块的列表页添加收藏功能
┃ ┣━7-6最热与趋势模块的详情页添加收藏的功能
┃ ┣━7-7收藏模块列表页面基本实现与用户所收藏的项目数据获取
┃ ┣━7-8收藏模块列表页面具体实现A
┃ ┣━7-9收藏模块列表页面具体实现B
┣━第08章 My(我的)模块开发(代码提取技巧,组合模式应用技巧,数据异步刷新与动态添
┃ ┣━8-1 My(我的)模块分组列表页面实现-1
┃ ┣━8-10 My(我的)模块项目介绍数据展示-1
┃ ┣━8-11 My(我的)模块项目介绍数据展示-2
┃ ┣━8-12 My(我的)模块关于作者页面实现(自定义可扩展列表)-1
┃ ┣━8-13 My(我的)模块关于作者页面实现-2
┃ ┣━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
┣━第09章 Search(搜索)模块开发(动态关键字,可取消异步任务设计)
┃ ┣━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版本升级踩坑)
┃ ┣━10-1可配置菜单的实现A
┃ ┣━10-2可配置菜单的实现B
┃ ┣━10-3可配置菜单的实现C
┃ ┣━10-4 ReactNative版本升级踩坑(0.39-to-0.40)
┃ ┣━10-4ReactNative版本升级踩坑
┣━第11章 高级功能开发(多彩主题、数据统计、社会化分享、第三方登录,热更
┃ ┣━11-1 构建自定义多彩主题页面
┃ ┣━11-10 React Native 分享与第三方登录模块开发(iOS)
┃ ┣━11-11 React Native启动白屏问题原因及解决方案(Android)
┃ ┣━11-12 React Native启动白屏问题原因及解决方案(iOS)
┃ ┣━11-12 React Native启动白屏问题原因及解决方案ios
┃ ┣━11-13 如何适配Android和iOS双平台
┃ ┣━11-14 CodePush 热更新-集成CodePush(Android)
┃ ┣━11-14and 15 CodePush 热更新-集成CodePush(Android) ios
┃ ┣━11-15 CodePush 热更新-集成CodePush(iOS)
┃ ┣━11-16 CodePush 热更新-应用CodePush(Android)
┃ ┣━11-17 CodePush 热更新-应用CodePush(iOS)
┃ ┣━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)-分享模块的应用
┣━第12章 项目发布前的优化、打包与上线Android和IOS AP
┃ ┣━12-1 项目发布前的优化(Android)
┃ ┣━12-2 项目发布前的优化(iOS)
┃ ┣━12-2 项目发布前的优化(iOS)
┃ ┣━12-3 12-4 项目打包发布iOS应用项目打包发布Android应用
┃ ┣━12-3 项目打包发布Android应用
┃ ┣━12-4 项目打包发布iOS应用
┃ ┣━12-5 课程总结
┣━第13章 适配RN 0.55最新版对项目与组件升级
┃ ┣━13-1 最新版React Native 的升级与适配
┃ ┣━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
┃ ┣━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
┣━第14章 适配RN 0.55全面屏适配指南
┃ ┣━14-1 React Native 全屏幕适配指南
┃ ┣━14-2 React Native 适配iOS全面屏iPhone X-1
┃ ┣━14-3 React Native 适配iOS全面屏iPhone X-2
┃ ┣━14-4 React Native 升级适配Android与适配Android全面屏
┣━项目与使用说明文档.zip
下载地址:
|