ReactNative+TypeScript仿喜马拉雅开发App

时间：2020-07-16 12:07:07 阅读：164 评论：0 收藏：0 [点我收藏+]

点击下载：ReactNative+TypeScript仿喜马拉雅开发App完整无密

章节目录：

第1章课程介绍

本课程主要介绍为什么要使用React Native + TypeScript开发应用。
      1-1 课程导学试看
第2章 ES6、React、React Native基础知识串讲

本章会讲解学习这门课程之前必备的基础知识，主要讲解ES6、RN等必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用到。
      2-1 环境搭建
      2-2 Android开发环境搭建
      2-3 创建项目
      2-4 ES6之简介及变量声明
      2-5 ES6之模板字符串和函数默认参数
      2-6 ES6之箭头函数
      2-7 ES6之解构赋值、对象字面量、展开语法、剩余语法
      2-8 ES6之class
      2-9 ES6之class继承
      2-10 promise知识讲解
      2-11 ES6之generator
      2-12 ES6之模块
      2-13 React基础
      2-14 RN基础知识之RN介绍
      2-15 RN基础知识之宽高
      2-16 RN基础知识之基础组件与样式
      2-17 RN布局（1）
      2-18 RN布局（2）
      2-19 RN基础之触摸事件
      2-20 RN基础之网络请求
第3章 TypeScript基础知识

本章会讲解学习这门课程之前必备的基础知识，主要讲解TS的必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用到。
      3-1 TypeScript之简介
      3-2 TypeScript之非原始类型
      3-3 TypeScript之函数
      3-4 TypeScript之接口
      3-5 TypeScript之泛型
第4章项目分析

本章主要对这门课程需要制作的听书应用的分析，讲解整个项目的流程，对本门课程的应用进行需求、模块、技术的分析
      4-1 项目分析
第5章项目初始化

本章才算是正式开始应用的开发了。还有我在工作中用到的两个非常好的第三方项目，可以做到多环境设置和绝对路径的设置，能帮助我们减少一些繁琐枯燥又容易出错的工作。
      5-1 项目初始化
      5-2 多环境
      5-3 绝对路径
第6章接口管理工具

本章主要学习如何在本地部署yapi，以及yapi的基本使用方法
      6-1 接口文档
第7章新版导航器React-Navigation5.0

本章主要讲解5.0版本的react-navigation，堆栈式和底部标签导航器的基本配置和使用
      7-1 导航器基本介绍
      7-2 安装导航器试看
      7-3 堆栈式导航器（1）试看
      7-4 堆栈式导航器（2）
      7-5 标签导航器
第8章状态管理Dva

本章主要讲解redux和redux-saga的封装库dva，以及dva和react-native的集成以及插件loading
      8-1 状态管理基础介绍(redux)
      8-2 状态管理基础介绍(redux-saga)
      8-3 集成Dva-core
      8-4 Dva基础使用方法
      8-5 Dva异步操作
      8-6 Dva插件dva-loading
第9章首页模块

这一章才算是正式开始了业务逻辑的开发，本章会教大家完成首页模块的功能，如轮播图、渐变色，接口请求、自定义顶部标签导航器的标签栏
      9-1 首页展示与功能分析
      9-2 底部标签导航器字体图标
      9-3 顶部标签导航器
      9-4 轮播图上
      9-5 轮播图下
      9-6 网络请求到数据，通过dva映射到组件
      9-7 猜你喜欢上
      9-8 猜你喜欢下
      9-9 首页列表（1）
      9-10 首页列表（2）
      9-11 首页列表优化与课后作业
      9-12 上拉加载更多
      9-13 下拉刷新
      9-14 自定义顶部标签组件
      9-15 自定义顶部标签组件布局
      9-16 自定义顶部标签组件渐变色效果
      9-17 自定义顶部标签渐变色组件显隐
      9-18 自定义组件的完善
第10章分类模块

本章主要会通过dva状态管理库来完成类别的增删改查功能以及拓展排序的功能，通过这几个经典业务逻辑帮助大家更好的掌握dva库，另外会学习动态的顶部标签导航器和动态的生成dva的model的功能。
      10-1 类别模块功能演示和分析
      10-2 数据结构和本地数据存储
      10-3 类别模块的model
      10-4 类别页面的布局和样式（1）
      10-5 类别页面的布局和样式（2）
      10-6 添加标题栏右上角按钮以及切换编辑状态
      10-7 新增类别和删除类别（1）
      10-8 新增类别和删除类别（2）
      10-9 类别的拖拽功能
      10-10 动态生成标签导航器和model（1）
      10-11 动态生成标签导航器和model（2）
      10-12 课后作业
第11章频道模块

本章主要学习手势响应系统，通过手势响应系统实现当头部可见时，手指向上滑动时，tab标签组件中的FlatList无法滚动，逐渐滑动到头部组件不可见时，tab标签组件中的FlatList才能滚动的效果；当头部不可见时，手指向下滑动时，直到FlatList滚动到最顶部时，头部才可以滑动的效果，而且根据这个滚动，标签栏也会有淡入淡出的动...
      11-1 频道模块的功能演示和分析
      11-2 yapi创建接口和model
      11-3 频道信息组件（上）
      11-4 频道信息组件（下）
      11-5 频道页面Tab标签（上）
      11-6 频道页面Tab标签（下）
      11-7 react-native的动画
      11-8 手势响应系统（1）
      11-9 手势响应系统（2）
      11-10 手势响应系统（3）
      11-11 手势响应系统（4）
      11-12 react-native-tab-view组件的优化以及课后作业
第12章频道详情模块

本章主要学习音频的播放，而且通过进度条显示当前音频的播放时长，以及上一首、下一首、播放、暂停的功能和弹幕
      12-1 频道详情页面的功能介绍和分析
      12-2 导航器的全屏模式（上）
      12-3 导航器的全屏模式（下）
      12-4 音频播放（1）
      12-5 音频播放（2）
      12-6 音频播放（3）
      12-7 音频播放（4）
      12-8 暂停以及进度条展示播放时间（上）
      12-9 暂停以及进度条展示播放时间（下）
      12-10 上一首下一首功能（上）
      12-11 上一首下一首功能（下）
      12-12 图片的缩放和渐变色
      12-13 弹幕（1）
      12-14 弹幕（2）
      12-15 弹幕（3）
      12-16 弹幕（4）
      12-17 课后练习
第13章底部标签导航器的播放标签以及脱离导航器之外的播放按钮

本章主要学习如何在导航器之外展示一个独立的组件，而且有播放动画效果。并且会根据页面和播放的状态判断是否显示
      13-1 底部标签播放按钮的功能介绍和分析
      13-2 自定义底部标签按钮（上）
      13-3 自定义底部标签按钮（下）
      13-4 页面之外的播放按钮
      13-5 播放按钮的跳转功能
      13-6 课后练习
第14章我听模块

本章主要学习本地数据持久化，realmjs的使用，通过记录用户曾经播放过的音频以及播放到的时间，然后以列表的形式展示出来。
      14-1 我听模块的功能展示和分析
      14-2 安装realm
      14-3 保存播放的音频
      14-4 查询realm数据
      14-5 删除realm数据
      14-6 更新表结构以及迁移数据
第15章发现模块

本章主要学习在FlatList中展示视频，以及视频的播放功能。并且同一时间只能播放一个视频，需要做一些优化，并且在播放视频时需要暂停音频。
      15-1 发现页面的功能介绍和分析
      15-2 发现模块的model
      15-3 FlatList展示视频
      15-4 暂停其他视频和音频的播放
      15-5 课后练习
第16章账号模块

本章主要学习表单的校验和提交，并且需要保存登录状态，这样用户在以后进入应用时，就不会再次提醒需要登录了。
      16-1 账号模块的功能展示和分析
      16-2 账号模块的model
      16-3 我的页面ui以及跳转功能
      16-4 登录页面表单组件Formik
      16-5 表单校验库yup
      16-6 封装表单输入框
      16-7 显示用户信息以及保存登录状态（上）
      16-8 显示用户信息以及保存登录状态（下）
      16-9 功能完善和课后练习
第17章打包发布

本章主要学习应用的打包和发布。
第18章课程总结

本章将带大家回顾总结本门课程，有问题欢迎大家到课程问答区提问。希望大家缺工作的找到工作，有工作的涨工资。

本课程持续更新中

点击下载：ReactNative+TypeScript仿喜马拉雅开发App完整无密

ReactNative+TypeScript仿喜马拉雅开发App

标签：继承总结基本使用箭头频道登录页面数据存储 class col

原文地址：https://www.cnblogs.com/yuanrenbuluo/p/13320604.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行