admin 发表于 2019-7-13 13:52:00

React16.8+Next.js+Koa2开发Github全栈项目 完整版



第1章 课程导学
对课程整体进行介绍,让您切实感受到前端工程师学习的必要性。

第2章 项目搭建
讲解 Nextjs 项目的搭建,其中会搭建自己的服务集成 Koa,集成 Antd 作为组件库。本章中还讲解了 Redis 在 Windows 和 Mac 系统上的安装和启动,讲解了 Redis 的基础使用,以及如何在 Nodejs 中连接 Redis 数据库。

第3章 Next.js基础
从目录结构开始逐步解析 Nextjs 的使用方法,在这章里,你能学到 Nextjs 的路由技巧,服务端渲染数据获取的方式,以及如何同步客户端渲染和服务端渲染的方式。同时我们还会深入 Nextjs 讲解如何自定义 App 和 Document 组件,以及集成第三方 css-in-js 的方法。...

第4章 React新特性Hooks讲解
本章讲解 React 的最新爆点功能:Hooks。我们会介绍什么是 Hooks,基础 Hooks 的使用,包括 State Hooks,Effect Hooks、Context Hooks 和优化相关的 Hooks。然后我们会结合经典实例讲解在 Hooks 的使用中会遇到的问题,以及我们如何解决他。

第5章 引入Redux
我们会介绍 Redux 的使用。Redux 是现在非常火热的数据状态管理工具,也是 Flux 数据流最好的实现,现在的 React 开发中非常常用。同时我们会着重介绍 Redux 如何集成到 Nextjs 当中,这其中需要考虑服务端渲染数据同步的问题,我们会在课程中深度介绍。...

第6章 OAuth 介绍和接入
我们围绕着 OAuth 第三方授权协议进行讲解。我们会介绍什么是 OAuth、他存在的意义、他的安全性、以及接入 OAuth 的流程。然后配合 Github OAuth 进行实战演练,在这个过程中我们还会实现 session 功能,并将 session 数据存入 Redis。

第7章 项目整体设计
讲解项目内容整体的设计,包括页面整体布局,项目数据 API 代理,功能性组件的开发等。在项目正式开始页面开发之前,做好基础设施是提高开发效率的最好方法。

第8章 首页开发
本章我们进行首页开发,主要包括获取用户自己创建的仓库,star 的仓库列表,并进行 Tab 切换展示。在这个过程中我们会开发一个通用的仓库展示组件,还会设计一个数据缓存方案,使用 LRU 方案进行 cache。

第9章 搜索页面开发
本章我们进行搜索页面的开发,搜索页面会拥有很多的删选条件,我们要把这些条件反应到 URL 上,并且保存搜索记录,以带来更好的用户体验。同时我们会对搜索进行分页展示。

第10章 仓库详情页开发
本章我们进行仓库详情页的开发。不管是在个人页面还是搜索页面,点击仓库都可以进入仓库详情页面,在这里我们可以查看仓库的介绍信息,以及仓库现存的 Issue 列表,我们还以点击查看 Issue 详情。

第11章 项目优化
最后一章我们讲解 Nextjs 项目的一些优化方式。包括如何将项目静态化,如何在编译的过程中优化配置,让编译之后的文件更符合上线要求等。


**** Hidden Message *****

rainyuang 发表于 2019-7-13 22:59:37

正需要,支持楼主大人了!

哇哇 发表于 2019-7-14 10:54:32

确实是难得好帖啊,顶先

huawangyuan2222 发表于 2019-7-15 08:44:59

啥也不说了,感谢楼主分享哇!

HanZhang 发表于 2019-7-15 14:44:03

啥也不说了,感谢楼主分享哇!

gutrse3321 发表于 2019-7-15 14:48:40

确实是难得好帖啊,顶先 16.8的不错

weizijie 发表于 2019-7-15 15:20:20

啥也不说了,感谢楼主分享哇!

潜力股 发表于 2019-7-16 15:14:35

正需要,支持楼主大人了!

lizihanglove 发表于 2019-7-16 15:15:40

谢谢分享

HanZhang 发表于 2019-7-18 10:11:12

视频是加密的 激活码是什么?
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: React16.8+Next.js+Koa2开发Github全栈项目 完整版