全站限时优惠至少 8 折起

剧场模式
首页前端GraphQLGraphQL + React Apollo + React Hook 大型项目实战

GraphQL + React Apollo + React Hook 大型项目实战 #1 介绍

求知小风 · 元婴发布于新课程
0

你会学到什么?

  • 登录注册
  • 登录信息持久化
  • 创建 post
  • 喜欢 post
  • 评论 post
  • React-hook
  • 自定义 react hook
  • jsonwebtoken
  • Context
  • useContext
  • useQuery 查询 api
  • useMutation 修改数据
  • 使用 localStorage 持久化数据
  • react router 保护路由
  • useReducer
  • react-router
  • semantic-ui
  • react semantic 的使用
  • @apollo/react-hooks
  • apollo-link-context 的用法
  • React-hook 与 GraphQL 的结合
  • apollo 的 cache 原理 ```

等等

线上 preview(可能要科学上网): https://gracious-shannon-271ede.netlify.com/

最终源码看最后一集

适宜人群

学习过 React 和 GraphQL 的同学

GraphQL 的课程 https://www.qiuzhi99.com/playlists?utf8=%E2%9C%93&q%5Bnode_id_eq%5D=7&q%5Bserial_id_eq%5D=&q%5Bis_paid_true%5D=&q%5Bprogress_eq%5D=&q%5Bdifficult_eq%5D=

你需要准备什么?

  • React 基础知识

  • 一台电脑一杯咖啡

  • 电脑上装有 Nodejs 和一个你所喜欢的编辑器

  • 一颗热爱编程的心

课上的资源链接

https://www.qiuzhi99.com/playlists/graphql-application.html 后端课程

https://www.qiuzhi99.com/knowledges 学习顺序

https://www.apollographql.com/docs/react/get-started/ 官方 GraphQL 和 React 结合的文档

https://github.com/hfpp2012/hello-GraphQL

https://github.com/hfpp2012/hello-apollo

https://gitlab.rails365.net/hfpp2012/merng 后端的源码

https://semantic-ui.com/introduction/getting-started.html

https://react.semantic-ui.com/

编辑器插件

code --install-extension 74th.vimStyle
code --install-extension bajdzis.vscode-database
code --install-extension CoenraadS.bracket-pair-colorizer-2
code --install-extension DiamondYuan.umi-pro
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension fosshaas.fontsize-shortcuts
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension overtrue.miniapp-helper
code --install-extension qiu8310.minapp-vscode
code --install-extension Shan.code-settings-sync
code --install-extension steoates.autoimport
code --install-extension TabNine.tabnine-vscode
code --install-extension wix.vscode-import-cost

2 条回复
加微信(qiuzhi99666)入群官方服务号
随机课程
GraphQL 番外篇 - 进阶提高视频教程

GraphQL 番外篇 - 进阶提高视频教程

0 个视频0 分钟高级

全部免费

GraphQL还未更新

课程目录

FreeGraphQL + React Apollo + React Hook 大型项目实战 #1 介绍

2FreeGraphQL + React Apollo + React Hook 大型项目实战 #2 搭建 Apollo 客户端

3FreeGraphQL + React Apollo + React Hook 大型项目实战 #3 写好路由

4FreeGraphQL + React Apollo + React Hook 大型项目实战 #4 用 semantic-ui-react 写好导航 (三更)

5ProGraphQL + React Apollo + React Hook 大型项目实战 #5 使用 useQuery 查询数据

6ProGraphQL + React Apollo + React Hook 大型项目实战 #6 使用 semantic Card 显示 Post

7ProGraphQL + React Apollo + React Hook 大型项目实战 #7 完成显示 Post 列表

8ProGraphQL + React Apollo + React Hook 大型项目实战 #8 注册页面

9ProGraphQL + React Apollo + React Hook 大型项目实战 #9 完成注册

10ProGraphQL + React Apollo + React Hook 大型项目实战 #10 重构代码 - 自定义 hook

11ProGraphQL + React Apollo + React Hook 大型项目实战 #11 登录功能

12ProGraphQL + React Apollo + React Hook 大型项目实战 #12 使用 context 和 useReducer 处理登录登出功能

13ProGraphQL + React Apollo + React Hook 大型项目实战 #13 使用 useContext 处理登录登出功能

14ProGraphQL + React Apollo + React Hook 大型项目实战 #14 根据登录状态修改菜单

15ProGraphQL + React Apollo + React Hook 大型项目实战 #15 使用 localStorage 持久化登录状态

16ProGraphQL + React Apollo + React Hook 大型项目实战 #16 自制 authRoute 保护路由

17ProGraphQL + React Apollo + React Hook 大型项目实战 #17 创建 Post

18ProGraphQL + React Apollo + React Hook 大型项目实战 #18 使用 apollo-link-context 给每次请求加上头部认证信息

19ProGraphQL + React Apollo + React Hook 大型项目实战 #19 mutation 更新 apollo 的 cache

20ProGraphQL + React Apollo + React Hook 大型项目实战 #20 apollo 的 cache

21ProGraphQL + React Apollo + React Hook 大型项目实战 #21 删除 Post 按钮

22ProGraphQL + React Apollo + React Hook 大型项目实战 #22 喜欢 Post

23ProGraphQL + React Apollo + React Hook 大型项目实战 #23 完成喜欢 Post

24ProGraphQL + React Apollo + React Hook 大型项目实战 #24 Post 详情页

25ProGraphQL + React Apollo + React Hook 大型项目实战 #25 评论按钮

26ProGraphQL + React Apollo + React Hook 大型项目实战 #26 删除 Post(三更)

27ProGraphQL + React Apollo + React Hook 大型项目实战 #27 删除 Post - 使用确认框提示(四更)

28ProGraphQL + React Apollo + React Hook 大型项目实战 #28 显示 Post 中的所有评论(五更)

29ProGraphQL + React Apollo + React Hook 大型项目实战 #29 删除评论

30ProGraphQL + React Apollo + React Hook 大型项目实战 #30 创建评论

31ProGraphQL + React Apollo + React Hook 大型项目实战 #31 气泡提示框 - Popup

32ProGraphQL + React Apollo + React Hook 大型项目实战 #32 出错处理 - apollo-link-error - 完结

学员(119)
szheng3 · 大乘Olivia · 真仙ttswh2009 · 道祖Axi🇨🇳 · 练虚mrj · 大罗米斯特张 · 真仙Mikasa·Ackerman · 元婴冀宇航 · 道祖张文杰 · 真仙_dva · 大乘肉乎乎的小芋头 · 金仙songtianen · 道祖
最新动态
szheng3 · 大乘学习到了4:11
Olivia · 真仙学习到了4:10
ttswh2009 · 道祖学习到了4:10
Axi🇨🇳 · 练虚学习到了0:36
mrj · 大罗学习到了4:05
统计信息
    学员: 17271
    视频数量: 994
    帖子数量: 424

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 关注我们 | 在线学员:117

Top