EP23 让拉数据,像呼吸一样自然AsyncTalk

EP23 让拉数据,像呼吸一样自然

20分钟 ·
播放数344
·
评论数5

本期节目主要介绍了请求数据时常遇到的问题以及React框架下的几种解决方案。最后,我们将介绍本期的主角React Query,包括它的设计和功能。

如果有任何意见和建议可以发邮件至 async.talk@gmail.com

如果愿意加入我们的 discord 社区可以点击这里: discord.gg


主播


AnnatarHe: annatarhe.com


Timeline


00:00 开场,确实鸽了段时间

00:35 在 discord 上开了个社区,想来聊天可以加

01:20 请求数据,不像说的那么简单

02:15 loading 说起来容易,做起来麻烦

03:20 in/revalidation 也挺麻烦的

05:25 cancel 也不好处理

07:10 有 devtool 的话,会比想象中更方便

07:30 把前后端交互做好,下班时间(也许会)显著提前

08:10 ahooks 陪跑

08:50 apollo client 仅限于 GraphQL

09:30 SWR

10:30 SWR 翻页数据有想法

12:11 React Query

13:23 Mutation 的支持

14:10 对 TypeScript 的支持较好

14:40 不要 debounce 了,直接取消请求吧

16:29 甚至支持直接生成 GraphQL

16:45 devtool 要比预想中的好用很多

17:07 ReactQuery 的 cache 要是能更强一点儿就更好了

18:20 使用 ReactQuery 记得至少分两层架构

19:00 实现不难,难的是怎么想出来的

20:12 有想法就去实现,下一个万 star 项目属于你


相关链接


AsyncTalk 的 discord 社群: discord.gg

Document: visibilitychange event**:** developer.mozilla.org

AbortController: developer.mozilla.org

React.Suspense: beta.reactjs.org

ahooks.useRequest: ahooks.js.org

apollo client: github.com

SWR: swr.vercel.app

ReactQuery 对 TypeScript 的支持: tanstack.com

ReactQuery 对于 GraphQL 的集成与支持: tanstack.com� 


勘误

SWR 2.0 支持了 Mutation: swr.vercel.app


BGM by Otologic

展开Show Notes
聪聪CocoLi
聪聪CocoLi
2023.3.27
我是为了来被催眠的救救孩子
小灰晖
小灰晖
2023.3.07
discord 链接过期了,博主可以补一下吗?
AnnatarHe
:
https://discord.gg/TQczjSJMah
小胖纸
小胖纸
2023.2.27
ahooks是阿里搞的
amonduul
amonduul
2023.2.27
其他小伙伴呢咋都不见了