世界上最伟大的投资就是投资自己的教育
https://www.qiuzhi99.com/playlists/react-router-4.html
https://reacttraining.com/react-router/web/guides/quick-start
client/src/App.js
import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import Home from "./pages/Home";
import Login from "./pages/Login";
import Register from "./pages/Register";
function App() {
return (
<Router>
<Route exact path="/" component={Home} />
<Route exact path="/login" component={Login} />
<Route exact path="/register" component={Register} />
</Router>
);
}
export default App;
client/src/pages/Home.js
import React from "react";
function Home() {
return (
<div>
<h1>Home page</h1>
</div>
);
}
export default Home;
03:421FreeGraphQL + React Apollo + React Hook 大型项目实战 #1 介绍
15:442FreeGraphQL + React Apollo + React Hook 大型项目实战 #2 搭建 Apollo 客户端
04:07FreeGraphQL + React Apollo + React Hook 大型项目实战 #3 写好路由
13:254FreeGraphQL + React Apollo + React Hook 大型项目实战 #4 用 semantic-ui-React 写好导航(三更)
09:595ProGraphQL + React Apollo + React Hook 大型项目实战 #5 使用 useQuery 查询数据
05:386ProGraphQL + React Apollo + React Hook 大型项目实战 #6 使用 semantic Card 显示 Post
06:187ProGraphQL + React Apollo + React Hook 大型项目实战 #7 完成显示 Post 列表
05:488ProGraphQL + React Apollo + React Hook 大型项目实战 #8 注册页面
14:379ProGraphQL + React Apollo + React Hook 大型项目实战 #9 完成注册
05:3410ProGraphQL + React Apollo + React Hook 大型项目实战 #10 重构代码 - 自定义 hook
02:0811ProGraphQL + React Apollo + React Hook 大型项目实战 #11 登录功能
12:0512ProGraphQL + React Apollo + React Hook 大型项目实战 #12 使用 context 和 useReducer 处理登录登出功能
06:1913ProGraphQL + React Apollo + React Hook 大型项目实战 #13 使用 useContext 处理登录登出功能
03:5414ProGraphQL + React Apollo + React Hook 大型项目实战 #14 根据登录状态修改菜单
11:1215ProGraphQL + React Apollo + React Hook 大型项目实战 #15 使用 localStorage 持久化登录状态
07:4116ProGraphQL + React Apollo + React Hook 大型项目实战 #16 自制 authRoute 保护路由
10:3217ProGraphQL + React Apollo + React Hook 大型项目实战 #17 创建 Post
11:0818ProGraphQL + React Apollo + React Hook 大型项目实战 #18 使用 apollo-link-context 给每次请求加上头部认证信息
10:5219ProGraphQL + React Apollo + React Hook 大型项目实战 #19 mutation 更新 apollo 的 cache
06:5120ProGraphQL + React Apollo + React Hook 大型项目实战 #20 apollo 的 cache
04:2221ProGraphQL + React Apollo + React Hook 大型项目实战 #21 删除 Post 按钮
09:5422ProGraphQL + React Apollo + React Hook 大型项目实战 #22 喜欢 Post
04:0123ProGraphQL + React Apollo + React Hook 大型项目实战 #23 完成喜欢 Post
13:1924ProGraphQL + React Apollo + React Hook 大型项目实战 #24 Post 详情页
04:2225ProGraphQL + React Apollo + React Hook 大型项目实战 #25 评论按钮
05:5426ProGraphQL + React Apollo + React Hook 大型项目实战 #26 删除 Post(三更)
06:4727ProGraphQL + React Apollo + React Hook 大型项目实战 #27 删除 Post - 使用确认框提示(四更)
04:1528ProGraphQL + React Apollo + React Hook 大型项目实战 #28 显示 Post 中的所有评论(五更)
06:5029ProGraphQL + React Apollo + React Hook 大型项目实战 #29 删除评论
09:0930ProGraphQL + React Apollo + React Hook 大型项目实战 #30 创建评论
08:0631ProGraphQL + React Apollo + React Hook 大型项目实战 #31 气泡提示框 - Popup
10:5632ProGraphQL + React Apollo + React Hook 大型项目实战 #32 出错处理 - apollo-link-error - 完结
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1148
粤公网安备 44152102000088号
| 粤ICP备19038915号