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

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

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

https://www.apollographql.com/docs/react/get-started/

https://github.com/hfpp2012/hello-GraphQL/blob/master/client/src/App.js

https://github.com/hfpp2012/hello-apollo/blob/master/client/src/App.js

https://www.npmjs.com/package/apollo-link-http

https://www.npmjs.com/package/apollo-cache-inmemory#recipes

https://xiin.xyz/2019/01/02/19-01-02-use-graphql-and-apollo/

https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm

client/src/ApolloProvider.js

import React from "react";
import App from "./App";
import ApolloClient from "apollo-client";
import { ApolloProvider } from "@apollo/react-hooks";
import { createHttpLink } from "apollo-link-http";
import { InMemoryCache } from "apollo-cache-inmemory";

const httpLink = createHttpLink({ uri: "http://localhost:5001" });

const client = new ApolloClient({
  link: httpLink,
  cache: new InMemoryCache()
});

export default (
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>
);

client/src/index.js

import React from "react";
import ReactDOM from "react-dom";
import ApolloProvider from "./ApolloProvider";
import * as serviceWorker from "./serviceWorker";

ReactDOM.render(ApolloProvider, document.getElementById("root"));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
3 条回复
加微信(qiuzhi99666)入群官方服务号
随机课程
React 进阶提高 - 技巧篇 -  第 3 季

React 进阶提高 - 技巧篇 - 第 3 季

0 个视频0 分钟中级

全部免费

React还未更新新课程

课程目录

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

FreeGraphQL + 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 - 完结

学员(48)
szheng3 · 大乘Olivia · 真仙冀宇航 · 道祖Nil · 道祖李助明 · 练虚随风 · 元婴wildest · 太乙向雄 · 大乘jadee · 大乘miaopeng · 元婴阿牛 · 元婴水也 · 真仙
最新动态
szheng3 · 大乘学习到了15:35
Olivia · 真仙学习到了3:38
冀宇航 · 道祖学习到了0:00
Nil · 道祖学习到了16:14
李助明 · 练虚学习到了0:00
统计信息
    学员: 17325
    视频数量: 1004
    帖子数量: 425

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

Top