Advertise on podcast: AsyncTalk

OpenClaw 爆火不仅推动 AI 产品进一步朝着无托管的方向前进一大步，同时也对 AI 安全产生了一些挑战

AsyncTalk 本期节目来聊了 Claude Code 及其带来的巨大影响，以及如何更好地和 AI 协作- Plan Mode 真重要- 把 AI 当人看才能合作- terminal 版本最靠谱- AI 能连续工作吗- AI 可能会作恶- 我们要有判断力BGM by Otologic

AsyncTalk 的视频播客节目正式开播啦～ 接下来有最新的前沿 web 开发技术和 AI 探索分享哦 一起来关注吧开播啦

如何才能在 AI 时代写代码写得从从容容，游刃有余？ 本期 AsyncTalk 讨论了这个问题。给出了一些想法： - 程序员的可拓展逻辑没有变，还是难以替代 - 后端就选 node，别 bb - 写代码首先支持可读性，老板的要求都要退居其后 有任何意见建议可以在评论区留言，或者邮件联系 [email protected] 也可以在 X(Twitter) 上与我们互动 https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 AI 仍然是被低估的 01:10 程序员不会消失 - 它具有极大的可拓展性 02:45 程序员不会消失 - 这个群体人才比例高 03:31 程序员的要求会越来越高 04:20 程序员要求从老到新都要懂 - XML, CLI 等 05:55 AI 时代怎么写项目 06:00 Next.js 是你的首选 08:52 后端选 Node 或 Python 11:27 UI 就选 tailwindcss + shadcn12:44 UI 也可以自己写 14:58 业务开发怎么结合 AI 15:10 可访问性优先 16:30 llm.txt 17:00 UA 检查 AI 应该返回纯文本 18:23 XML 优于 JSON 19:35 支持标准 IO 20:38 AI 时代的开发原则 21:08 可读性高于一切。高于性能，高于效率，高于短期收益 23:58 抛弃非语义化。比如 uuid 24:58 写测试 25:47 欢迎留下自己的想法 相关链接 SEO 搜索引擎优化: https://en.wikipedia.org/wiki/Search_engine_optimization Critical npm supply chain attack response - September 8, 2025: https://vercel.com/blog/critical-npm-supply-chain-attack-response-september-8-2025 OpenAI Agents SDK: https://openai.github.io/openai-agents-js/ tailwindcss: https://tailwindcss.com/ Adam Wathan https://x.com/adamwathan/status/1953510802159219096 shadcn: https://ui.shadcn.com/ llm.txt: https://llmstxt.org/ bun 支持输出 markdown: https://x.com/bunjavascript/status/1971934734940098971?s=46 stripe 支持复制为 markdown: https://docs.stripe.com/building-with-llms 扩展阅读 EP46 如何正确开喷 Next.js: https://asynctalk.com/posts/ep46

Claude Code 的出现同时也将世界带向了下一个 Agentic 编程的时代。本期节目来聊了 Claude Code 及其带来的巨大影响 朋友们，无论如何一定要尝试用一用 Claude Code ! 有任何意见建议可以在评论区留言，或者邮件联系 [email protected] 也可以在 X(Twitter) 上与我们互动 https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 AI 应用最确定的大概就是写代码了 04:20 Claude Code 能力非常非常强大 07:20 很贵，但是性价比仍然极高。跟人比，太便宜 10:22 后 Claude Code 时代，初级程序员和设计师很危险 13:15 一人公司可能性更大 14:20 普通和平庸的人会越来越难以和 AI 竞争 16:00 可拓展业务会被 AI 放大更多 17:10 一定要试试 Claude Code, 感受下一个时代 相关链接 cursor: https://cursor.com/en windsurf: https://windsurf.com/editor OpenAI to acquire AI coding tool Windsurf for $3B: https://www.computerworld.com/article/3978426/openai-to-acquire-ai-coding-tool-windsurf-for-3b.html gpt-image-1 by OpenAI: https://platform.openai.com/docs/api-reference/images FLUX.1 Kontext by black forest labs: https://bfl.ai/models/flux-kontext Cluade Code: https://docs.anthropic.com/en/docs/claude-code/overview ccusage: https://ccusage.com/ EP43 成人话题 - 大厂生活（生存）指导音频 https://asynctalk.com/posts/ep43

Shownotes 本期节目聊一聊如何正确开喷 next.js 和 react 有任何意见建议可以在评论区留言，或者邮件联系 [email protected] 也可以在 X(Twitter) 上与我们互动 https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 看人不会喷 next.js 比较着急 01:11 vercel 一点儿都不草台班子 01:50 next.js 的前后端融合更高级 02:20 很大，很重，但是很快 03:40 吐槽：过于复杂 06:22 吐槽：bug 太多 07:55 吐槽：debug 困难 10:13 吐槽：不规范 12:50 吐槽：社区不够友善 13:20 预测 15:04 别被骗了。严肃项目上 next.js 相关链接 JUST F*****G USE REACT: https://justfuckingusereact.com/ ViewTransition: https://react.dev/reference/react/ViewTransition useLinkStatus: https://nextjs.org/docs/app/api-reference/functions/use-link-status Partial Prerendering https://nextjs.org/docs/app/getting-started/partial-prerendering Could not build standalone with docker if webpack not null #73361 https://github.com/vercel/next.js/issues/73361 How to find production memory leaks in Node.js applications? https://medium.com/@amirilovic/how-to-find-production-memory-leaks-in-node-js-applications-a1b363b4884f Node.js Heap profiler: https://nodejs.org/api/inspector.html#heap-profiler use cache: https://nextjs.org/docs/app/api-reference/directives/use-cache next.js fetch**:** https://nextjs.org/docs/app/api-reference/functions/fetch The element can now be customized with CSS ****https://developer.chrome.com/blog/a-customizable-select

本期节目拉到了 Anthony Fu 聊一聊 Vite, Vue, 大模型对框架的影响以及法国经历和最后精彩的 React, Vue “大战” 本期节目较长，但是我还是感觉最后一段的 React, Vue 大碰撞挺有趣的。 有任何意见建议可以在评论区留言，或者邮件联系 [email protected] 也可以在 X(Twitter) 上与我们互动 https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Anthony Fu: https://x.com/antfu7 Timeline 00:00 Anthony 自我介绍 02:30 Vitest Browser Mode 介绍 08:30 RSC 在 Vue 中有没有什么对策 18:05 Vite 的性能好在哪里，风险在哪里，未来又怎么解决 30:22 努力做大市场份额，让 LLM 也懂怎么写框架 36:02 开源项目怎么开始，怎么维护 47:55 法国经历。好朋友不忍离别，可法语又太过晦涩 59:23 Raycast 用着还不错, Vite 来试试 62:52 作为 React 程序员，如何看待 Vue 69:19 关于 DSL 的问题，react 也有 75:00 双向数据流的讨论 82:00 Signals 相关链接 Vitest Browser Mode: https://vitest.dev/guide/browser/ Why I Won’t Use JSDOM: https://www.epicweb.dev/why-i-won-t-use-jsdom playwright: https://playwright.dev/ happydom: https://github.com/capricorn86/happy-dom nuxt: https://nuxt.com/ vite: https://vite.dev/ rollup: https://rollupjs.org/ rolldown: https://rolldown.rs/ rspack: https://rspack.dev/ UnoCSS: https://unocss.dev/ antfu/node-modules-inspector: https://github.com/antfu/node-modules-inspector astro: https://astro.build/ tc39/proposal-signals: https://github.com/tc39/proposal-signals 扩展阅读 The /llms.txt file: https://llmstxt.org/

AI 发展太快了，产品出得也挺给力。那么 AI 产品有什么方向吗？编辑器是不是正在进行的新风口？ 如果你有什么新点子，不嫌弃的话也可以评论区留言，或许有人会有更优化的点子助力也说不定呢？ 音量问题本期节目已尽量调大，但是可能还是不满足要求，请用户再自行加大音量。（其实我不会用剪辑软件） 如果有什么意见建议欢迎发送邮件到 [email protected] 或者在 X(Twitter) 上与我们互动 https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Louis: https://x.com/louistang151 Timeline 00:46 AI 发展太快了 05:06 Deepseek 的影响挺大 07:44 聊天 → RAG → Agent 14:55 Agent 做代码编辑器好像挺靠谱 17:45 新的代码编辑器应该是什么样子 26:45 Cursor 这种代码编辑器收费如此高昂，但是能挣钱吗？ 31:02 AI 编辑器应该有什么新功能会是全功能团队吗？ 42:02 为什么这种划时代的产品没有在大公司出现？ 45:33 使用 AI Editor 有哪些 tips 吗？ 50:55 Agent 新方向？ 54:51 思想开源挺重要 相关链接 Introducing ChatGPT: https://openai.com/index/chatgpt/ GPT-4 is OpenAI’s most advanced system, producing safer and more useful responses: ****https://openai.com/index/gpt-4/ OpenAI o3-mini**:** https://openai.com/index/openai-o3-mini/ Deepseek: https://www.deepseek.com/ Transcript for DeepSeek, China, OpenAI, NVIDIA, xAI, TSMC, Stargate, and AI Megaclusters | Lex Fridman Podcast #459: https://lexfridman.com/deepseek-dylan-patel-nathan-lambert-transcript/ RAG: https://blogs.nvidia.com/blog/what-is-retrieval-augmented-generation/ LLM Agents: https://www.promptingguide.ai/research/llm-agents Cursor: The AI Code Editor**:** https://www.cursor.com/ Windsurf: https://codeium.com/refer?referral_code=3bfa98e9cc Trae: https://www.trae.ai/ V0: https://v0.dev/ Bolt: https://bolt.new/ Zed editor: https://zed.dev/ Three.js: https://threejs.org/ Devin AI: https://devin.ai/ TablePlus 管理数据库: https://tableplus.com/ Sonnet 3.7: https://www.anthropic.com/claude/sonnet 在 Gmail 中使用智能撰写功能: https://support.google.com/mail/answer/9116836?hl=zh-Hans&co=GENIE.Platform%3DDesktop Cursor Notepad: https://docs.cursor.com/beta/notepads 扩展阅读 Introducing the Model Context Protocol: https://www.anthropic.com/news/model-context-protocol Building effective agents**:** https://www.anthropic.com/engineering/building-effective-agents Anthropic thinks you should build agents like this**:** https://www.aihero.dev/building-effective-agents 花了大半个月，我终于逆向分析了Github Copilot**:** https://github.com/mengjian-github/copilot-analysis

本期节目从油腻的中年男人的自我辩解开始，探讨了如何挣钱，如何做自己的项目一直到大厂的生活。当然也是分享了一些在大厂生存的小技巧。 如果听众朋友有考虑做一做副业，也欢迎大家一起做播客和我们来卷一卷 � 有任何意见建议欢迎在评论区留言，发邮件至 [email protected] 也可以关注 X(twitter): https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Louis: https://x.com/louistang151 Timeline 01:00 刚毕业的状态 04:20 油腻中年男人的自我辩解 08:05 挣钱的路子：打工，投资，黑产，副业 17:27 Selling 也非常重要 21:50 个人与职业的成长路径，以及成本 25:46 大厂的集体意志: 他人评价并不等于真实反馈。而绩效把人变得平庸 29:57 保护自己，不能 all in 大厂 34:41 如何在菜场买肉 39:50 离了大厂，还能做点儿什么 42:20 大厂的小招数可能对老外不是很好用 44:44 会是 AI 送我们毕业吗？ 48:48 如何在大厂生存 64:40 保留自己的想法，找到自己的兴趣。早日赎身。 相关链接 Roc: https://x.com/roczhang9673 Lok: iPad 也能有桌面: https://apps.apple.com/us/app/lok-board/id1621242252 EP19 上班也就图一乐，真挣钱还得卖 App （吗？） https://asynctalk.com/posts/ep19 孙哥的香蕉: https://x.com/justinsuntron/status/1865831394146140547 Kimi 助手: https://kimi.moonshot.cn/ 豆包 AI 助手: https://www.doubao.com/chat/ Bolt: https://bolt.new/ v0: https://v0.dev/ 稚晖君: https://space.bilibili.com/20259914/ stormzhang: https://github.com/stormzhang Evan You: https://github.com/yyx990803

RTE 大会将在 25， 26 号在北京举行，包含了众多音视频和前沿 AI 的内容，关键这么好的活动还免费。欢迎大家来参加呀：  https://www.bagevent.com/event/sales/qlyy24ejnpq8qd31qk7se84msx4zzjv4 本期节目借着 Deno 2 的发布，又来聊了 Node.js 的发展变迁。js 社区的折腾是有意义的，它带来不断的新变化，新机遇。一成不变，最为无聊。 Deno 2 还是很有趣的，各位可以试试看 � 内容中如果有任何不正确，或者你有自己的意见建议，欢迎留言或者在 twitter 中沟通: https://x.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 RTE 大会贼牛逼，25， 26 号来北京参加一下吧～ 01:28 自己一个事业比打工爽多了 02:55 很多时候一个事业来源于愤怒的想法 03:45 Node.js, io.js 与 deno 的分分合合 07:00 稳定的东西很无趣，变化才有机会 08:55 Deno 的发展是一步步的妥协与成长 14:25 Deno Deploy 14:43 我自己会不会用 Node/Deno 相关链接 Node.js: The Documentary | An origin story https://youtu.be/LB8KwiiUGy0?si=vssFbRqJgWIFi7Sd Node.js 中关于 io.js 的部分: https://en.wikipedia.org/wiki/Node.js#:~:text=In December 2014%2C Fedor Indutny,including the updating of io. Node.js Releases: https://nodejs.org/en/about/previous-releases Node.js Pull Request: module: add --experimental-strip-types https://github.com/nodejs/node/pull/53725 关于 js 社区变化大的一条 twitte: https://x.com/AnnatarHe/status/1846757992492159210 Announcing Deno 2 https://deno.com/blog/v2.0 Deno Deploy: https://deno.com/deploy Deno compile: https://docs.deno.com/runtime/reference/cli/compiler/ 扩展阅读 Bash/Sh is an objectively awful programming language: https://news.ycombinator.com/item?id=35992575

AI 发展很猛，可是我们前端却不怕失业。因为我们有表单可以做。 hhhhhh 快来听听新一期的播客吧， 主播 AnnatarHe: https://annatarhe.com Timeline 00:53 AI 发展太快了。前端是不是要丢工作？ 03:33 做表单是 web 开发的安全区 04:20 内容大，多级联动，业务复杂是表单不被 AI 取代的原因 06:20 技术实现上，表单也不好做：代码设计不好搞 09:02 表单校验很重要 11:10 校验国际化还是非常重要的 12:38 标准化与合规也是设计表单的一部分 15:38 做表单不仅要快，更要做好 相关链接 https://claude.ai/ gpt-4o: https://openai.com/index/hello-gpt-4o/ https://www.adobe.com/products/dreamweaver.html https://en.wikipedia.org/wiki/Microsoft_FrontPage EP06 Low Code 到底 Low 不 Low: https://asynctalk.com/posts/ep6 EP10 出海，国际化: https://asynctalk.com/posts/ep10 Antd.Form: https://ant.design/components/form-cn react-hook-form: https://react-hook-form.com/ BGM by Otologic

状态机自古以来就是前端领域不可分割的一部分。 本期节目从状态机开始，讨论了一些开发经验 —— 包括不能走极端框架信仰，同步不一定万恶，状态机不可分割。 之后用一个例子介绍了如何用流程和状态管理来进行业务设计。 最后，前端的天花板不一定像是外界说得那么低（有没有可能，低是因为视野低？） 主播 AnnatarHe: https://annatarhe.com Timeline 00:07 比较懒，所以更新慢 03:40 因为巨大的项目，所以想起了状态机 01:58 不要定式思维框架 04:21 设计模式确实很有道理，得学，得用 05:30 复杂状态下，考虑一下，接上状态机 08:20 同步并不是纯粹的坏事，也不应该完全拒绝 09:48 状态机可以有效降低维护成本 10:12 例子：和机器人聊天的状态与逻辑设计 14:14 不要定式思维，不要接到需求就开干 14:50 前端的天花板，也许没有外界说得那么低 相关链接 XState: https://stately.ai/docs State and Lifecycle: https://legacy.reactjs.org/docs/state-and-lifecycle.html 扩展阅读 Improving State Management with Xstate: Refactoring Authorization Flows: https://annatarhe.github.io/2024/08/04/improving-state-management-with-xstate-refactoring-authorization-flows.html

本期节目从前端性能优化开始，主要还是关于 SSR, RSC 和 Node 如何提升渲染性能。目前这条路径看起来应该是个比较确定的 Web 发展方向了。大家可以考虑追上节奏，升职加薪 欢迎评论区留言, 给我们发邮件 [email protected] 或者在 Twitter 留言: https://twitter.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:28 从前端性能优化开始 02:00 传统的前端性能优化在 Server rendering 面前略显尴尬 03:10 后端渲染和 RSC 很不同 07:20 后端渲染的网络天生比客户端快 10:59 大项目可以考虑自己实现 Server rendering 11:30 API Server 的两种设计方式 14:50 Node 躲不开，得学习 15:21 Node 几个有趣的学习点 18:20 后端是个很好的学习入口 相关链接 HTTP2: https://en.wikipedia.org/wiki/HTTP/2 DNS Prefetch: https://developer.mozilla.org/en-US/docs/Web/Performance/dns-prefetch Preload: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload React Server Component: https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components Partial Prerendering: https://nextjs.org/docs/app/api-reference/next-config-js/partial-prerendering BigPipe: https://engineering.fb.com/2010/06/04/web/bigpipe-pipelining-web-pages-for-high-performance/ Spring: https://spring.io/ MVC: https://en.wikipedia.org/wiki/Model–view–controller CGI: https://en.wikipedia.org/wiki/Common_Gateway_Interface BGM by Otologic

最近工作不容易啊，来和 前端輕鬆聊 的 Eric 一起聊聊在北美的工作情况。 有任何意见，建议或者评论欢迎在下面评论或者发邮件至 [email protected] 本期剪辑是分开的，也可以去听 Eric 的版本: https://fetalk.dev/episodes/ep34 主播 AnnatarHe: https://annatarhe.com Eric 前端輕鬆聊: https://fetalk.dev/ Timeline 00:02 欢迎 AsyncTalk 的 AnnatarHe 与 前端輕鬆聊 的 Eric 00:46 北美与中国的面试大概要多久？ 04:45 北美面试流程长吗？ 08:30 北美招聘市场似乎有回暖 10:30 有趣的面试经历 16:35 变成面试官什么感觉？ 17:19 作为面试官，能否合作也许是最重要的 19:50 礼貌是面试者和面试官都需要具备的东西 20:05 面试时双向的，没有谁高谁低 21:42 面试官不要找优越感，找优点 22:46 有题库的面试官，本来就不公平 24:09 别谦虚 26:00 加拿大应届生大概 8 万 CAD ? 30:00 级别越高，股票越多？ 31:50 Eric 的神仙面试 33:00 跟人合作也许比业务重要 BGM by Otologic

或许是 AI 的发展，文本编辑迎来了又一个春天。从最原始的 Textarea 到一站式的富文本编辑器，再到最近崛起的 Headless framework，文本编辑正在不停迭代 在 AI 的加持下，文本编辑会不会是一个新的窗口？如果自己做一个文本编辑器，如何做技术选型？应该做哪些功能呢？ 来听一听今天 AsyncTalk 吧～ 欢迎评论区留言, 给我们发邮件 [email protected] 或者在 X 留言: https://twitter.com/AsyncTalk 主播 AnnatarHe: https://annatarhe.com Timeline 00:30 AI 时代，文本编辑发展很快 02:40 文本编辑器卷得非常厉害 04:05 Word/WPS 早期发展，专业领域依旧强大 04:40 Evernote 简单和云服务也许是它当年的优势 05:20 Markdown 正在吞噬传统文本编辑 07:30 自己造编辑器变得有可能了 08:40 云的链接也许是 notion 和 lark 强大的原因 09:50 jupyter notebook 很不一样 10:41 AI 的革新非常迅速 11:20 如何做一个 Web 文本编辑器？Textarea 与 framework 12:20 整套的文本编辑方案正在向 Headless 转变 13:58 TipTap 与 Lexical 18:06 文本编辑的协作，AI 和报表功能不可或缺 22:22 Local first 真的那么重要吗？ 24:20 听众也可以卷文本编辑器，赶上这波 AI 与协作的浪潮 相关链接 Playwright 的 VSCode 拓展，展示了 block 粒度的编辑控制: https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright 印象笔记(Evernote): https://evernote.com/ 飞书(Lark): https://www.larksuite.com/ Jupyter notebook: https://jupyter.org/ TipTap Editor: https://tiptap.dev/product/editor Lexical Editor: https://lexical.dev/ 扩展阅读 Observable Framework 这个产品看起来非常不错，推荐一把: https://observablehq.com/ BGM by Otologic