项目资源

项目地址:React16.8+Next.js+Koa2开发Github全栈项目
参考代码:ainuo5213/github_next

第1章 课程导学

1-1 课程导学

本课程能学到的内容

  • Nextjs
  • OAuth 授权体系
  • React Hooks
  • KOA
  • Redis

Nextjs 是什么

  • React 同构框架
  • 完善的 React 项目架构,搭建轻松
  • 自动数据同步策略,解决同构项目最大难点

详细讲解同构服务端渲染的主要流程

慕课网_React16.8+Next.js+Koa2开发Github全栈项目_项目笔记

全栈项目

  • Nextjs 提供同构渲染
  • Koa 提供数据接口和服务端路由
  • Redis 提供 Session 存储

使用 GitHub API 真实的线上数据

OAuth 认证体系

慕课网_React16.8+Next.js+Koa2开发Github全栈项目_项目笔记

最广泛应用的第三方认证体系

学习内容

  • OAuth 的实现流程
  • OAuth 的安全性如何保证
  • 结合 GitHub API 进行实战演练

常见 OAuth 提供商

  • QQ
  • 微信
  • 微博

会学到什么

  • 什么是 Hooks,以及如何使用
  • 各种 Hooks 的使用方法以及注意事项
  • Hooks 中存在的问题以及如何解决

你能学到的技术

  • Nextjs 项目搭建
  • Nextjs 技术点剖析
  • React Hooks 深度解析
  • Nextjs 集成 Redux
  • OAuth 原理深度解析

你能进行的实践

  • 集成 GitHub OAuth
  • Node 服务开发
  • 搜索 GitHub 仓库
  • 展示你创建和关注的仓库
  • 查看仓库详情和 Issues

适用人群

  • React 开发者,可以掌握一个 React 上层框架
  • 同构开发者,完善的服务端渲染体系
  • 所有需要接入第三方登录的开发者

预备知识

  • React 基础
  • Nodejs 基础

第2章 项目搭建

第3章 Next.js 基础

第4章 React 新特性 Hooks 讲解

第5章 引入 Redux

第6章 OAuth 介绍和接入

第7章 项目整体设计

第8章 首页开发

第9章 搜索页面开发

第10章 仓库详情页开发

第11章 项目优化

相关文章: