课程目录:
第1章 课程导学
对课程整体进行介绍,让您切实感受到前端工程师学习的必要性。
1-1 课程导学试看
第2章 项目搭建
讲解 Nextjs 项目的搭建,其中会搭建自己的服务集成 Koa,集成 Antd 作为组件库。本章中还讲解了 Redis 在 Windows 和 Mac 系统上的安装和启动,讲解了 Redis 的基础使用,以及如何在 Nodejs 中连接 Redis 数据库。
2-1 关于项目所用的npm包版本号
2-2 创建next.js的项目
2-3 next作为koa中间件使用
2-4 koa使用方式介绍
2-5 redis的windows安装
2-6 redis的mac安装
2-7 redis基本使用
2-8 nodejs连接redis数据库
2-9 nextjs集成antd
第3章 Next.js基础
从目录结构开始逐步解析 Nextjs 的使用方法,在这章里,你能学到 Nextjs 的路由技巧,服务端渲染数据获取的方式,以及如何同步客户端渲染和服务端渲染的方式。同时我们还会深入 Nextjs 讲解如何自定义 App 和 Document 组件,以及集成第三方 css-in-js 的方法。...
3-1 nextjs项目目录结构
3-2 页面跳转
3-3 动态路由
3-4 路由映射
3-5 路由变化的钩子
3-6 nextjs数据获取方式
3-7 nextjs自定义App
3-8 nextjs自定义Document
3-9 nextjs样式的定义
3-10 nextjs集成styled-components
3-11 nextjs中异步模块和组件的加载
3-12 nextjs中的配置项
3-13 nextjs服务端渲染流程深度解析试看
第4章 React新特性Hooks讲解
本章讲解 React 的最新爆点功能:Hooks。我们会介绍什么是 Hooks,基础 Hooks 的使用,包括 State Hooks,Effect Hooks、Context Hooks 和优化相关的 Hooks。然后我们会结合经典实例讲解在 Hooks 的使用中会遇到的问题,以及我们如何解决他。
4-1 什么是Hooks试看
4-2 State-Hooks讲解
4-3 Effect-Hooks讲解
4-4 Context-Hooks讲解
4-5 Ref-Hook讲解
4-6 Hooks渲染优化
4-7 闭包陷阱
第5章 引入Redux
我们会介绍 Redux 的使用。Redux 是现在非常火热的数据状态管理工具,也是 Flux 数据流最好的实现,现在的 React 开发中非常常用。同时我们会着重介绍 Redux 如何集成到 Nextjs 当中,这其中需要考虑服务端渲染数据同步的问题,我们会在课程中深度介绍。...
5-1 什么是Redux
5-2 创建一个store
5-3 redux中的reducer
5-4 redux中的action
5-5 react-redux连接react和redux
5-6 redux-devtool的使用
5-7 nextjs中的HOC
5-8 nextjs集成redux(1)
5-9 nextjs集成redux(2)
第6章 OAuth 介绍和接入
我们围绕着 OAuth 第三方授权协议进行讲解。我们会介绍什么是 OAuth、他存在的意义、他的安全性、以及接入 OAuth 的流程。然后配合 Github OAuth 进行实战演练,在这个过程中我们还会实现 session 功能,并将 session 数据存入 Redis。
6-1 认证和授权介绍
6-2 OAuth概述
6-3 code认证方式的流程
6-4 注册github-OAuth-App
6-5 OAuth的字段讲解以及流程演示
6-6 OAuth-code认证方式如何保证安全
6-7 cookie 和 session
6-8 创建koa-seesion的redis存储store(1)
6-9 创建koa-seesion的redis存储store(2)
6-10 接入Github-OAuth(1)
6-11 ......