课程简介

慕课网React18+TS+Vite 从0自定义组件库实战复杂项目

React18+TS+Vite 从0到1自定义组件库 实战复杂项目视频课程,由乐学编程课堂网精心整理发布。本课程带你综合讲解React18+TS+Vite技术知识,深入讲解抽象与封装组件库、自定义Hooks,并围绕大型项目实战,分析复杂业务拆解、性能优化、设计与封装通用组件,攻克复杂业务开发难题,掌握高性能APP开发思路与技巧

相关课程

React18+Next.js13+TS,B端+C端完整业务+技术双闭环

Vue3 + React18 + TS4 入门到实战

适合人群

提升复杂业务处理能力的同学
想提高开发效率及开发质量的同学
想提升编程思想与逻辑的同学

 

课程目录

├── 1-课程导读/
│   └── [ 22M] 1-1 课程概览
├── 2-使用vite从0开始搭建react+ts开发环境/
│   ├── [7.1M] 2-1 前端构建工具集分析
│   ├── [ 11M] 2-2 vite初始化项目
│   ├── [ 14M] 2-3 代码规范化配置
│   ├── [ 11M] 2-4 git规范化配置
│   └── [1.0M] 2-5 本章小节
├── 3-一个项目开发前的准备/
│   ├── [3.4M] 3-1 -前言
│   ├── [ 14M] 3-2 图标,公共资源的准备
│   ├── [ 15M] 3-3 基本目录结构
│   └── [8.0M] 3-4 入口+路由配置
├── 4-基础组件抽象 — 开发书城首页/
│   ├── [2.7M] 4-1 前言
│   ├── [ 21M] 4-2 业务组件:书城header开发
│   ├── [ 21M] 4-3 集成axios请求库:对axios的ts封装
│   ├── [ 62M] 4-4 集成swr数据请求:封装useRequest hooks
│   ├── [ 41M] 4-5 基础组件:loading组件封装
│   ├── [ 26M] 4-6 基础组件:error-block组件封装
│   ├── [ 15M] 4-7 基础组件:轮播图组件的使用方式
│   ├── [128M] 4-8 基础组件:轮播图组件封装 — 实现手势滑动切换功能1
│   ├── [ 77M] 4-9 基础组件:轮播图组件封装 — 实现手势滑动切换功能2
│   ├── [ 66M] 4-10 基础组件:轮播图组件封装 — 实现最新无限轮播功能
│   ├── [ 23M] 4-11 业务组件:书城导航组件 — 实现路由间跳转
│   ├── [ 61M] 4-12 基础组件:space组件封装
│   ├── [ 80M] 4-13 业务组件:热门精选区块内容开发
│   ├── [ 27M] 4-14 基础组件:Card组件封装
│   ├── [ 38M] 4-15 基础组件:Grid组件封装
│   ├── [ 43M] 4-16 业务组件:今日推荐区块内容开发
│   ├── [ 42M] 4-17 业务组件:限时免费内容区块开发
│   ├── [116M] 4-18 基础组件:Countdown组件封装
│   ├── [ 55M] 4-19 业务组件:排行榜区块内容开发
│   ├── [ 88M] 4-20 基础组件:Tabs组件封装-1
│   ├── [106M] 4-21 基础组件:Tabs组件封装-2
│   ├── [ 37M] 4-22 基础组件:Image组件封装—通用接口设计
│   ├── [ 60M] 4-23 基础组件:Image组件封装—自定义useObserverHooks实现Image组件lazyload功能
│   └── [4.3M] 4-24 本章小结
├── 5-基础+业务组件 — 开发搜索页/
│   ├── [6.1M] 5-1 前言
│   ├── [ 56M] 5-2 搜索组件开发:基本交互功能
│   ├── [ 33M] 5-3 搜索交互:封装localstorage存储关键词
│   ├── [ 65M] 5-4 搜索交互:引入redux-toolkit状态管理
│   ├── [ 80M] 5-5 业务组件:SearchList组件封装
│   ├── [ 61M] 5-6 业务组件:热门搜索组件开发—实现热门搜索数据获取和渲染
│   ├── [ 56M] 5-7 业务组件:搜索历史组件—useReadLocalStorage hooks封装
│   ├── [ 55M] 5-8 业务组件:搜索历史组件—交互功能
│   └── [1.3M] 5-9 章节小结
├── 6-动态redux设计l来减少内存使用 — 深入redux状态管理/
│   ├── [8.4M] 6-1 前言
│   ├── [ 33M] 6-2 封装ReducerManager方法—实现动态的添加,获取,删除Reducer和State
│   ├── [ 25M] 6-3 封装configStore—重新配置store
│   ├── [ 11M] 6-4 封装createTempSlice方法—通过name和initialState来创建slice
│   ├── [9.7M] 6-5 封装useReducer hooks—实现reducer跟随组件生命周期来进行加载和卸载
│   ├── [ 61M] 6-6 修改store的使用方式—解耦不同代码中对store的依赖
│   └── [1.1M] 6-7 章节小结
├── 7-完善组件库 — 排行榜页开发/
│   ├── [4.7M] 7-1 前言
│   ├── [ 56M] 7-2 业务组件:RankingHeader组件封装
│   ├── [ 26M] 7-3 基础组件:NavBar组件封装
│   ├── [ 60M] 7-4 基础组件:Sidebar组件封装
│   ├── [ 51M] 7-5 业务组件:Content组件封装—实现排行榜菜单切换
│   └── [ 48M] 7-6 业务组件:封装BookList组件
├── 8-应用组件库完成快速开发 —— 实现分类页,完本页,专题页/
│   ├── [5.0M] 8-1 前言
│   ├── [ 45M] 8-2 分类页开发
│   ├── [ 70M] 8-3 swr请求下啦加载数据:封装useInfiniteRequest
│   ├── [ 61M] 8-4 使用infiniteScroll组件完成无限下拉加载功能
│   ├── [ 49M] 8-5 基础组件:封装InfiniteScroll组件
│   └── [1.3M] 8-6 章节小结
├── 9-数据存储的封装和使用 — 书籍详情页开发/
│   ├──@乐学编程网lexuecode.com
│   ├── [7.3M] 9-1 前言
│   ├── [9.3M] 9-2 书籍详情页数据获取
│   ├── [8.8M] 9-3 书籍详情页组件划分
│   ├── [ 41M] 9-4 业务组件:书籍详情页Navbar组件封装
│   ├── [ 40M] 9-5 业务组件:书籍详情页BookInfo组件封装
│   ├── [ 99M] 9-6 基础组件:Ellipsis组件封装
│   ├── [ 26M] 9-7 封装useResizeObserver hooks
│   ├── [ 20M] 9-8 基础组件:Divider组件封装
│   ├── [ 36M] 9-9 业务组件:Catalog组件封装—实现基本UI布局
│   ├── [ 31M] 9-10 业务组件:CatelogList组件封装
│   ├── [ 57M] 9-11 基础组件:Popup组件封装
│   ├── [ 34M] 9-12 基础组件:Mask组件封装
│   ├── [ 14M] 9-13 hooks封装:封装useScrollLock hooks
│   ├── [ 68M] 9-14 业务组件:DetailContent和DetailFooter封装
│   ├── [ 67M] 9-15 基础组件:Toast组件封装
│   ├── [ 18M] 9-16 基础组件:Button组件逻辑讲解
│   └── [2.5M] 9-17 章节小结
├── 10-书架页开发/
│   ├── [6.9M] 10-1 前言@乐学编程网
│   ├── [ 43M] 10-2 业务组件:书架navbar组件开发
│   ├── [ 47M] 10-3 业务组件:bookList组件封装1
│   ├── [ 91M] 10-4 业务组件:bookList组件封装2
│   ├── [ 92M] 10-5 业务组件:GroupList组件开发
│   ├── [ 62M] 10-6 业务组件:EditBar组件—分组功能1
│   ├── [108M] 10-7 基础组件—Dialog组件封装
│   ├── [ 79M] 10-8 实现创建新的分组功能
│   ├── [ 40M] 10-9 实现移动到分组功能
│   └── [1.2M] 10-10 本章小结
├── 11-核心难点 — 开发阅读器/
│   ├── [9.7M] 11-1 前言
│   ├── [ 26M] 11-2 业务组件:阅读页header组件封装
│   ├── [107M] 11-3 业务组件:阅读页Content封装
│   ├── [ 50M] 11-4 业务组件:阅读页footerNavbar封装
│   ├── [ 56M] 11-5 业务组件:封装footerCatalogList组件
│   ├── [ 69M] 11-6 业务组件:ProgressBar封装
│   ├── [168M] 11-7 基础组件:slider组件封装
│   ├── [ 70M] 11-8 业务组件:SettingBar组件封装
│   └── [2.1M] 11-9 章节小结
├── 12-组件库环境搭建和发布/
│   ├── [2.7M] 12-1 前言
│   ├── [ 13M] 12-2 创建组件库模版和仓库
│   ├── [ 10M] 12-3 迁移基础组件
│   ├── [ 45M] 12-4 组件库打包和发布到NPM
│   ├── [ 67M] 12-5 组件库文档编写
│   └── [ 13M] 12-6 部署组件库文档
├── 13-性能与项目部署/
│   ├── [1.3M] 13-1 前言
│   ├── [ 18M] 13-2 代码分割 – 按需加载
│   ├── [9.8M] 13-3 打包构建
│   └── [ 11M] 13-4 nginx配置讲解
└── 14-课程总结/
└── [2.2M] 14-1 课程总结

更新日志

2023-4-12:已更新到第7章,持续更新中,后续同个网盘链接更新,请放心下载。

2023-9-26:已更新完结,百度云盘下载。

发表回复

登录... 后才能评论