About this episode

This episode discusses the react-call library for creating customizable confirmation dialogs in React applications.

有没有遇到过这种场景:一个删除按钮,点下去得先弹个「确认删除吗?」,用户点确定才真的删。 浏览器自带的 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

People in this episode

Host: AsyncTalk

Topics covered

• React
• 弹框
• 异步交互
• 前端开发
• TypeScript
• 编程

Keywords

• react-call
• window.confirm
• React Portal
• createCallable
• 异步交互
• 前端开发
• TypeScript

Mentioned in this episode

Organizations: React, TypeScript, Web开发, 编程, react-query

Products: react-call

Books & works: window.confirm

More episodes of AsyncTalk

• AI Agent 必备的 ChatSDK · July 16, 2026 · 4 min
• GraphQL:治好前后端联调内耗 · June 24, 2026 · 16 min
• 前端代码也能「预制」了 · June 17, 2026 · 6 min

Explore listener stats, chart rankings, contacts and more on the AsyncTalk podcast page.