React & GraphQL 实战
📚 30 章 · 从入门到项目
v2.4
1
GraphQL入门
GraphQL是什么？为什么需要GraphQL？与REST API对比
➔
2
GraphQL核心概念
Schema、Query、Mutation、Subscription定义与作用
➔
3
搭建GraphQL服务端
使用Apollo Server快速搭建服务端
➔
4
GraphQL类型系统
标量类型、对象类型、枚举、列表、非空
➔
5
编写第一个Query
定义简单Query，查询单个/多个字段
➔
6
参数与变量
传递参数，使用变量动态查询
➔
7
别名与片段
别名解决字段冲突，片段复用查询逻辑
➔
8
连接数据库
在GraphQL服务端连接MongoDB
➔
9
Mutation入门
定义Mutation实现增删改操作
➔
10
Mutation实战
实现完整的用户注册与登录功能
➔
11
Subscription入门
使用Subscription实现实时数据推送
➔
12
Subscription实战
实现简单聊天室实时消息功能
➔
13
React集成GraphQL
安装并配置Apollo Client
➔
14
useQuery Hook
获取数据并渲染到组件
➔
15
useMutation Hook
执行数据变更操作
➔
16
useSubscription Hook
订阅实时数据
➔
17
分页查询
基于游标的分页查询功能
➔
18
错误处理
React中处理GraphQL查询和变更错误
➔
19
加载状态管理
使用loading状态优化用户体验
➔
20
缓存机制
Apollo Client缓存策略，手动更新缓存
➔
21
本地状态管理
Reactive Variables管理本地状态
➔
22
文件上传
GraphQL中实现文件上传
➔
23
权限与认证
JWT认证与权限控制
➔
24
批量查询与DataLoader
使用DataLoader解决N+1查询问题
➔
25
Schema Stitching
合并多个GraphQL Schema
➔
26
Federation
Apollo Federation微服务架构
➔
27
性能优化
Persisted Queries & CDN缓存
➔
28
测试
Jest + Apollo Client测试GraphQL查询
➔
29
部署
React + GraphQL 部署到Vercel/Heroku
➔
30
项目实战
完整博客系统：文章、评论、用户管理
➔
✏️ 铅笔
🎨 水彩
📐 几何
⭐ 星星