第1章 课程导学
1-1 课程导学 (14:29)
第2章 项目搭建
2-1 关于项目所用的npm包版本号 (10:47)
2-2 创建next.js的项目 (15:20)
2-3 next作为koa中间件使用 (10:27)
2-4 koa使用方式介绍 (22:36)
2-5 redis的windows安装 (05:57)
2-6 redis的mac安装 (04:49)
2-7 redis基本使用 (18:24)
2-8 nodejs连接redis数据库 (09:08)
2-9 nextjs集成antd (15:26)
第3章 Next.js基础
3-1 nextjs项目目录结构 (08:20)
3-2 页面跳转 (07:37)
3-3 动态路由 (06:36)
3-4 路由映射 (08:33)
3-5 路由变化的钩子 (05:40)
3-6 nextjs数据获取方式 (11:17)
3-7 nextjs自定义App (14:57)
3-8 nextjs自定义Document (08:26)
3-9 nextjs样式的定义 (13:10)
3-10 nextjs集成styled-components (16:00)
3-11 nextjs中异步模块和组件的加载 (10:47)
3-12 nextjs中的配置项 (15:20)
3-13 nextjs服务端渲染流程深度解析 (12:12)
第4章 React新特性Hooks讲解
4-1 什么是Hooks (13:17)
4-2 State-Hooks讲解 (11:26)
4-3 Effect-Hooks讲解 (10:52)
4-4 Context-Hooks讲解 (05:53)
4-5 Ref-Hook讲解 (02:43)
4-6 Hooks渲染优化 (12:18)
4-7 闭包陷阱 (09:11)
第5章 引入Redux
5-1 什么是Redux (04:48)
5-2 创建一个store (12:30)
5-3 redux中的reducer (12:00)
5-4 redux中的action (09:04)
5-5 react-redux连接react和redux (15:44)
5-6 redux-devtool的使用 (04:29)
5-7 nextjs中的HOC (12:29)
5-8 nextjs集成redux(1) (12:18)
5-9 nextjs集成redux(2) (13:39)
第6章 OAuth 介绍和接入
6-1 认证和授权介绍 (13:54)
6-2 OAuth概述 (11:31)
6-3 code认证方式的流程 (09:35)
6-4 注册github-OAuth-App (06:08)
6-5 OAuth的字段讲解以及流程演示 (13:43)
6-6 OAuth-code认证方式如何保证安全 (04:51)
6-7 cookie 和 session (21:38)
6-8 创建koa-seesion的redis存储store(1) (12:08)
6-9 创建koa-seesion的redis存储store(2) (10:51)
6-10 接入Github-OAuth(1) (12:45)
6-11 接入Github-OAuth(2) (11:58)
第7章 项目整体设计
7-1 项目整体需求介绍 (08:27)
7-2 页面整体布局Layout组件的开发 (16:44)
7-3 cloneElement扩展组件可复用性的高级技巧 (22:32)
7-4 服务端渲染同步用户信息 (08:00)
7-5 完善登录功能 (09:20)
7-6 用户登出功能实现 (10:46)
7-7 维持OAuth之前得页面访问 (15:00)
7-8 增加全局页面切换的Loading效果 (12:17)
7-9 Github接口代理 (12:45)
7-10 完善整体布局 (08:51)
7-11 Github接口代理完善 (20:41)
7-12 koa中处理post请求的数据 (03:26)
第8章 首页开发
8-1 联调主页数据 (08:36)
8-2 展示用户数据以及用户登出时的页面内容 (13:51)
8-3 Repo组件展示基本组件内容的开发 (14:41)
8-4 tab切换展示创建的仓库和关注的仓库 (07:26)
8-5 使用缓存数据 (12:22)
8-6 使用缓存更新策略 (10:55)
第9章 搜索页面开发
9-1 搜索功能概述 (05:30)
9-2 搜索接口联调以及搜索条件展示 (19:00)
9-3 搜索条件删选功能实现 (11:59)
9-4 搜索条件跳转的优化-提取组件 (18:21)
9-5 搜索结果的展示 (14:34)
9-6 处理Github搜索结果限制 (05:00)
第10章 仓库详情页开发
10-1 仓库详情页面功能概述 (04:27)
10-2 仓库布局开发 (15:47)
10-3 提取布局成为一个HOC (15:13)
10-4 仓库基础信息缓存功能的实现 (16:25)
10-5 获取markdown内容并转义 (07:04)
10-6 使用markdown-it来转换markdown (14:52)
10-7 打包分析 (17:15)
10-8 issues页面的开发 (25:53)
10-9 创建用户搜索组件 (24:24)
10-10 完成issue搜索功能的开发 (21:34)
10-11 完善issues页面 (11:59)
第11章 项目优化
11-1 nextjs静态页面导出功能 (33:36)
11-2 项目部署 (22:23)
11-3 总结 (14:35)
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。