React16.8+Next.js+Koa2开发Github全栈项目教程

资源获取连接点击这里

 

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

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

 

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

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

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

讲解项目内容总体的设计，包括页面总体布局，项目数据 API 代理，功能性组件的开发等。在项目正式开始页面开发以前，作好基础设施是提升开发效率的最好方法。

本章咱们进行首页开发，主要包括获取用户本身建立的仓库，star 的仓库列表，并进行 Tab 切换展现。在这个过程当中咱们会开发一个通用的仓库展现组件，还会设计一个数据缓存方案，使用 LRU 方案进行 cache。

本章咱们进行搜索页面的开发，搜索页面会拥有不少的删选条件，咱们要把这些条件反应到 URL 上，而且保存搜索记录，以带来更好的用户体验。同时咱们会对搜索进行分页展现。

本章咱们进行仓库详情页的开发。无论是在我的页面仍是搜索页面，点击仓库均可以进入仓库详情页面，在这里咱们能够查看仓库的介绍信息，以及仓库现存的 Issue 列表，咱们还以点击查看 Issue 详情。

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

资源获取连接点击这里