react-call:弹框还能 await
有没有遇到过这种场景:一个删除按钮,点下去得先弹个「确认删除吗?」,用户点确定才真的删。
浏览器自带的 window.confirm 是能用,但又丑、又几乎不能定制——位置、颜色、甚至标题都改不了。于是你只好自己写组件、用 React Portal 挂载、再手动管理 DOM 的显隐和生命周期,挺折腾的。
这期聊聊 react-call 这个小而美的库。核心思路一句话:把你自定义的 React 组件变成「可以 await 的函数」。用 createCallable 包一层,就能在调用方直接 await xxx.call(...),像调用异步函数一样拿到用户的操作结果。
视频里会过一遍:
· 从 window.confirm 的痛点切入,为什么手写 Portal 很烦
· createCallable 的基本用法(call / Title / action 几个字段)
· 用 bottom sheet 写的实战例子
· 支持同时弹出多个实例(比如一连串 Toast)
· 和 react-query mutation 的配合:接口失败时弹框依然保留
· 自带 skills,对 AI 编程也很友好
你平时都怎么处理这类弹框、或者异步交互逻辑?评论区聊聊~
#React #前端开发 #TypeScript #Web开发 #编程 #react-call #asynctalk
asynctalk
（13/15）
自动连播
1.2万播放
简介
订阅合集
Ghostty - 你的 Terminal 还没换新吗？
03:48
比 Node 快 3 倍的 Bun 能踢 Node 打工吗？
06:02
我把 on-call 甩给了 Claude Code
05:34
打日志的两个神级技巧｜5 分钟拿捏
05:45
Prompt 优化: 少点套路，多点效率
06:26
祖传 ESLint 该换了：oxlint 是真的快
04:53
用了 10 年 AntD 之后,聊聊 UI 库的下一个十年
13:51
Markdown 没凉,但 HTML 要上桌
08:12
用 TS 写命令行工具，比你想的简单多了
12:11
写完代码到上线,中间到底发生了啥
06:49
前端代码也能「预制」了 - Swagger + Hey API 自动生成请求代码,告别手写 interface
06:05
GraphQL:治好前后端联调内耗
16:28
react-call:弹框还能 await
04:50
AI Agent 必备的 ChatSDK
04:28
YoooClaw：给 AI 一具身体
10:58
顶部