[639] React18+TS+Vite 从0自定义组件库实战复杂项目 – 网盘下载融复杂业务拆解、通用组件设计封装、性能优化等"高手"必备技能,开发一套高质量及业务完备的高性能阅读APP

[639] React18+TS+Vite 从0自定义组件库实战复杂项目 - 网盘下载风筝自习室-课程资源-网盘资源风筝自习室
[639] React18+TS+Vite 从0自定义组件库实战复杂项目 – 网盘下载融复杂业务拆解、通用组件设计封装、性能优化等"高手"必备技能,开发一套高质量及业务完备的高性能阅读APP
此内容为付费阅读,请付费后查看
500积分
付费阅读

image

 

网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。

网盘链接:

1. 课程导读

  • 1-1 课程概览

2. 使用vite从0开始搭建react+ts开发环境

  • 2-1 前端构建工具集分析
  • 2-2 vite初始化项目
  • 2-3 代码规范化配置
  • 2-4 git规范化配置
  • 2-5 本章小节
  • 2-6 使⽤Vite初始化项目操作【文档】

3. 一个项目开发前的准备

  • 3-1 -前言
  • 3-2 图标,公共资源的准备
  • 3-3 基本目录结构
  • 3-4 入口+路由配置
  • 3-5 为什么要按领域组织文件夹结构
  • 3-6 一个项目开发前的准备【文档】
  • 3-7 章总结电子文档

4. 基础组件抽象 — 开发书城首页

  • 4-1 前言
  • 4-2 业务组件:书城header开发
  • 4-3 集成axios请求库:对axios的ts封装
  • 4-4 集成swr数据请求:封装useRequest hooks
  • 4-5 基础组件:loading组件封装
  • 4-6 基础组件:error-block组件封装
  • 4-7 基础组件:轮播图组件的使用方式
  • 4-8 基础组件:轮播图组件封装 — 实现手势滑动切换功能1
  • 4-9 基础组件:轮播图组件封装 — 实现手势滑动切换功能2
  • 4-10 基础组件:轮播图组件封装 — 实现最新无限轮播功能
  • 4-11 轮播图手动控制
  • 4-12 业务组件:书城导航组件 — 实现路由间跳转
  • 4-13 基础组件:space组件封装
  • 4-14 业务组件:热门精选区块内容开发
  • 4-15 基础组件:Card组件封装
  • 4-16 基础组件:Grid组件封装
  • 4-17 业务组件:今日推荐区块内容开发
  • 4-18 业务组件:限时免费内容区块开发
  • 4-19 基础组件:Countdown组件封装
  • 4-20 业务组件:排行榜区块内容开发
  • 4-21 基础组件:Tabs组件封装-1
  • 4-22 基础组件:Tabs组件封装-2
  • 4-23 基础组件:Image组件封装—通用接口设计
  • 4-24 基础组件:Image组件封装—自定义useObserverHooks实现Image组件lazyload功能
  • 4-25 本章小结
  • 4-26 基础组件抽象— 开发书城首页【文档】
  • 4-27 章总结电子文档

5. 基础+业务组件 — 开发搜索页

  • 5-1 前言
  • 5-2 搜索组件开发:基本交互功能
  • 5-3 搜索交互:封装localstorage存储关键词
  • 5-4 搜索交互:引入redux-toolkit状态管理
  • 5-5 业务组件:SearchList组件封装
  • 5-6 业务组件:热门搜索组件开发—实现热门搜索数据获取和渲染
  • 5-7 业务组件:搜索历史组件—useReadLocalStorage hooks封装
  • 5-8 业务组件:搜索历史组件—交互功能
  • 5-9 章节小结

6. 动态redux设计l来减少内存使用 — 深入redux状态管理

  • 6-1 前言
  • 6-2 封装ReducerManager方法—实现动态的添加,获取,删除Reducer和State
  • 6-3 封装configStore—重新配置store
  • 6-4 封装createTempSlice方法—通过name和initialState来创建slice
  • 6-5 封装useReducer hooks—实现reducer跟随组件生命周期来进行加载和卸载
  • 6-6 修改store的使用方式—解耦不同代码中对store的依赖
  • 6-7 章节小结

7. 完善组件库 — 排行榜页开发

  • 7-1 前言
  • 7-2 业务组件:RankingHeader组件封装
  • 7-3 基础组件:NavBar组件封装
  • 7-4 基础组件:Sidebar组件封装
  • 7-5 业务组件:Content组件封装—实现排行榜菜单切换
  • 7-6 业务组件:封装BookList组件

8. 应用组件库完成快速开发 —— 实现分类页,完本页,专题页

  • 8-1 前言
  • 8-2 分类页开发
  • 8-3 swr请求下啦加载数据:封装useInfiniteRequest
  • 8-4 使用infiniteScroll组件完成无限下拉加载功能
  • 8-5 基础组件:封装InfiniteScroll组件
  • 8-6 章节小结

9. 数据存储的封装和使用 — 书籍详情页开发

  • 9-1 前言
  • 9-2 书籍详情页数据获取
  • 9-3 书籍详情页组件划分
  • 9-4 业务组件:书籍详情页Navbar组件封装
  • 9-5 业务组件:书籍详情页BookInfo组件封装
  • 9-6 基础组件:Ellipsis组件封装
  • 9-7 封装useResizeObserver hooks
  • 9-8 基础组件:Divider组件封装
  • 9-9 业务组件:Catalog组件封装—实现基本UI布局
  • 9-10 业务组件:CatelogList组件封装
  • 9-11 基础组件:Popup组件封装
  • 9-12 基础组件:Mask组件封装
  • 9-13 hooks封装:封装useScrollLock hooks
  • 9-14 业务组件:DetailContent和DetailFooter封装
  • 9-15 基础组件:Toast组件封装
  • 9-16 基础组件:Button组件逻辑讲解
  • 9-17 章节小结

10. 书架页开发

  • 10-1 前言
  • 10-2 业务组件:书架navbar组件开发
  • 10-3 业务组件:bookList组件封装1
  • 10-4 业务组件:bookList组件封装2
  • 10-5 业务组件:GroupList组件开发
  • 10-6 业务组件:EditBar组件—分组功能1
  • 10-7 基础组件—Dialog组件封装
  • 10-8 实现创建新的分组功能
  • 10-9 实现移动到分组功能
  • 10-10 本章小结

11. 核心难点 — 开发阅读器

  • 11-1 前言
  • 11-2 业务组件:阅读页header组件封装
  • 11-3 业务组件:阅读页Content封装
  • 11-4 业务组件:阅读页footerNavbar封装
  • 11-5 业务组件:封装footerCatalogList组件
  • 11-6 业务组件:ProgressBar封装
  • 11-7 基础组件:slider组件封装
  • 11-8 业务组件:SettingBar组件封装
  • 11-9 章节小结

12. 组件库环境搭建和发布

  • 12-1 前言
  • 12-2 创建组件库模版和仓库
  • 12-3 迁移基础组件
  • 12-4 组件库打包和发布到NPM
  • 12-5 组件库文档编写
  • 12-6 部署组件库文档

13. 性能与项目部署

  • 13-1 前言
  • 13-2 代码分割 – 按需加载
  • 13-3 打包构建
  • 13-4 nginx配置讲解

14. 课程总结

  • 14-1 课程总结
© 版权声明
THE END
加入本站 VIP,免费下载本站所有内容
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容