让我猜猜，你是不是也想自己写个博客官网啥的？ 来听听这期节目试试有没有其他有趣的方案吧～ 感谢 Roy 的赞赏 也记得要关注 twitter 哦: https://twitter.com/AsyncTalk 欢迎评论留言 async.talk@gmail.com 名词解释 DSL: 专用领域语言 Domain-Specific Languages ROI: 投资回报率 return on investment 主播 AnnatarHe: https://annatarhe.com Timeline 00:00 感谢 Roy 的赞赏！ 00:10 我们开通了 twitter: AsyncTalk 01:00 最近重写了遍官网，来聊一聊 02:02 官网和博客的特点：重 SEO, 低 ROI, …

Node.js, Deno, Bun, Hermes, LLRT。怎么这年头做 JS Runtime 也这么卷？ 本期节目介绍了几个 JS Runtime ，来听听看有没有你正在用的 Runtime 欢迎大家在评论区分享你对 JS Runtime 的看法，以及你正在使用或计划使用的 Runtime。 主播 AnnatarHe: https://annatarhe.com Timeline 00:24 感谢 @辛宝-WebWorker 和 @烤箱 的赞赏支持 01:18 AI 虽然很火，JS Runtime 也很卷 02:17 JS Runtime: Node, Deno, Bun, Hermes, LLRT 03:36 NodeJS 还是老大哥，但是已经成了背景板 04:26 Deno 策略…

本期节目以最近更新的 react-email 作为引子，讨论了它的出现，功能以及发展方向。同时引申到项目的想法，融资，设计和营销等方面都困难重重，并不容易。最后探讨开发者服务也许是一片新蓝海。 如果你对本期节目有任何建议和意见或者希望合作，欢迎发邮件至 async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Timeline 00:01 新出的 react-email 让开发邮件前端更简单 03:19 react-email 的 UX 做得非常棒 05:00 react-email 支持众多的 SDK 与 integration 06:38 react-email 有个平台，商业模型大概率是通过发邮件来收费 07:06 这个服务开发难…

注：本期非技术内容 本期和 Philo 及 TK 两位组成了 SG-JP-CA 轴心就海外生活聊了聊天。从出去的原因，方式和目的地选择，到海外业务拓展，商业前景观察。内容很长，聊天蛮愉快。如果你对海外生活感兴趣，可以试着听一听。 因为我们三个人呆的时间都不长，如果有什么不对的地方，欢迎评论或邮件留言 async.talk@gmail.com 今天的金句: 感觉活着的成分里面，生活比生存更多了一些 - TK 名词解释： SRE: Site Reliability Engineer GTA: The Greater Toronto Area 主播 AnnatarHe: https://annatarhe.com Philo TK Timeline 00:00 嘉宾介绍 01:15 Philo 是…

AsyncTalk 将在杭州和上海举行一场线下聊天（其实就是找个星巴克坐一俩小时）12 月 23 日下午 2 点，杭州城区；12 月 30 日下午 2 点，上海城区。每场活动上限 5 人，若少于 2 人则会取消，参与需要付费 7 元，学生 1 元。有意参与者发邮件到 async.talk@gmail.com 即可 我们一定能复活，一定能彼此相见，高高兴兴、快快活活地互相讲述经过的事情 — 卡拉马佐夫兄弟 陀思妥耶夫斯基

本期是 #2023 技术播客节 的一期节目。主要是和 WebWorker 播客联动一起畅聊 AI, Copilot, Next.js 与跨端技术，内容较长但是也同样比较有趣。 欢迎大家也一起听一听 WebWorker 的节目 若有其他任何意见建议欢迎发邮件联络: async.talk@gmail.com 金句 刚刚说 copilot这个事情，copilot 帮我们做的时候，是不是我的思维并没有什么价值— AnnatarHe 我日常工作 50% 是 Copilot 完成的 ー 开翼 12 月 4 日技术播客节节目单 @科技乱炖：37位程序员用GPT写代码的真相和AI职业焦虑 @Thoughtworks洞见： AIGC 对程序员的影响 @软件那些事儿：人工智能第一次会议：1956年达特茅斯会议 …

本期节目主要以 next.js 的 Server component 和 Server action 为主题聊了一些 @AnnatarHe 自己的看法。 总得来说，next.js 这波做得有点儿过了，但是也是发展的大方向。嘲笑之余，还是得学学。 主播 AnnatarHe: https://annatarhe.com Timeline 00:18 next.js 与 use php 01:05 React 最近最大的变化是 Server Component 02:00 前端多年来的进化 - 复杂是不可避免的 03:06 之前的 SSR 只是为了 SEO, 新的 Server Component 并不一样 04:30 更为极端的 Server Action 也来了 06:16 Server Ac…

Shownotes 本期节目主要介绍了运行时的校验以及它的一个实现 —— Zod. 在越来越大的项目中，运行时校验是逃不开的一个环节，可以应用在表单校验，API 返回值校验和后端的参数校验中。 如果你的项目多人协作但是还没有接入类似的功能，可以考虑加一下，降低一些 bug 率 如果对节目有任何意见或者建议，欢迎联系 async.talk@gmail.com 名词解释 Runtime: 运行时，运行中的情况 CI: 持续集成，简而言之，build & test 放到独立的服务器去做 Lint: 代码校验，规范协作情况下代码统一 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 最近意识到 zod 蛮有趣的 00:50 大型项目协作的问题 02…

React Server Component 是最近的大事。本期蹭一次热点，锐评 RSC 和 Next.js。 做前端的朋友们，这次，必须得学后端了哦。 本期内容比较追热点且较为主观。如果有任何想法或者意见也欢迎留言或者邮件交流: async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Timeline 00:30 Server Component 是 React 又一个巨大 feature 00:50 从后端主导的 web framework 也许正在慢慢向前端倾斜 03:10 Next.js 的 server component 实现大方向很棒，但是小缺点也不少 04:40 缺点: 开发思维转换为 Node 模式 06:10 缺点…

大家好啊，本次更新带来了 Headless Component 的简要介绍，它的优势在于逻辑分离，更好地集成设计系统，易于测试；缺点则是会让架构复杂一层，以及完全不同的开发思维。 大家可以考虑在自己的业务中尝试这种新颖有趣的技术方案。但是也要注意业务场景。 有任何意见建议想法，都可以在评论区留言或者发邮件至 async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Timeline 00:18 Headless Component 是什么 01:27 优势: 逻辑重用，分离 UI，集成自定义设计系统，易于测试 05:30 弊端: 架构复杂，不同的开发思维 07:00 实例: TanStack table, react-hook-form…

最近 AnnatarHe 接了 next.js 的 App dir 出了一些问题，由此想到了一些无疾而终的项目。 本期节目主要从这些虎头蛇尾的项目中探讨 - 技术选项怎么能不被 “骗” - 项目靠暴力营销能行吗 大家有什么想聊的想说的，或者对节目有什么意见或者建议欢迎发邮件到 async.talk@gmail.com 另外，其实还想说 Tengine 但是查了下 commit， 一年里还是有两三次 commit 的，饶过它了 主播 AnnatarHe: https://annatarhe.com Timeline 00:20 从 next.js 的 app directory 画的饼谈起 03:25 翻翻 Vercel 的旧账 —— next.js 的类型问题, swc 编译出错 04:50…

Hi, 大家劳动节快乐～ 新一期的 AsyncTalk 从 Web Container 与 NodeBox 开始，探讨 Web Assembly 的发展与目前的状态，结论是虽然这些相关的产品在 AnnatarHe 看来前景并不乐观，但是 Web Assembly 技术已然成熟，可以尝试参与到我们的业务中，提升用户体验与性能。 11:20 部分的英文是 code reusable 不是 code review 主播读音有问题 � 主播 AnnatarHe: https://annatarhe.com Timeline 00:25 主题: web assembly 01:10 web assembly 的概述 —— 语言无关，性能，安全 03:24 这东西真的有用？！ 03:40 Web Con…

本期节目成功拉到子龙和大家一起从 Rspack 开始，探讨开源和 ChatGPT，也有一些新加坡的生活。 有任何意见或者建议请联系 async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com 嘉宾 子龙/龙哥 Timeline 00:11 子龙的自我介绍 03:23 Rspack 看起来好像确实能用 05:45 ECharts —— 国产开源之光 09:36 开源项目也是要吃饭的 —— 大公司做开源项目有什么好处 13:15 前端卷 rust 之后，debug 成本也越来越高 14:40 前端去搞 rust 做这些性能提升真的有必要吗？ 18:20 降本增效背景下，大家都想搞副业 20:10 做开源(core-js)不太能挣钱 22:22…

本期节目主要介绍了请求数据时常遇到的问题以及React框架下的几种解决方案。最后,我们将介绍本期的主角React Query,包括它的设计和功能。 如果有任何意见和建议可以发邮件至 async.talk@gmail.com 如果愿意加入我们的 discord 社区可以点击这里: https://discord.gg/TQczjSJMah 主播 AnnatarHe: https://annatarhe.com Timeline 00:00 开场，确实鸽了段时间 00:35 在 discord 上开了个社区，想来聊天可以加 01:20 请求数据，不像说的那么简单 02:15 loading 说起来容易，做起来麻烦 03:20 in/revalidation 也挺麻烦的 05:25 cancel …

前期准备不太充分，节目中有些内容没有表达出来。 一个是我们在做库或者框架的时候，要有一个特点，更重要的是要有设计哲学。 第二点忘记推荐 unix philosophy，非常精彩。 第三点忘记对比几种设计哲学了，设计思想之间的碰撞非常有意思。 在很多时候，软件工程的设计是一个 trade off 的过程。如果我们想要 clickhouse 那样超强的写入计算，那么事务就很难加入进去。 迷茫的时候，这些哲学思想可以帮助我们走出困境，设计出更好的 API，提供更好的开发体验，优化出更好的性能。 节目中没有提到的可维护性也是非常重要的一点，尤其在这样降本增效的大背景下，运营维护成本也不容忽视。 最后，还是节目中提到的，所有的设计哲学的前提是要有基础的能力。千万不能只会拼凑名词，夸夸其谈。一定要先写好…

本期节目讨论了一些 GraphQL 相关的内容。介绍 GraphQL 的发展，优势，缺点以及对应的一些解决方案。 有问题可以联系 async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Timeline 00:14 没有听众群，刷题和 chatGPT 02:30 首富不懂 GraphQL? 04:30 介绍 GraphQL 以及为什么有用 10:50 GraphQL 的发展，应用，变种 16:25 有谁在用 GraphQL 17:40 GraphQL 有什么优势 —— 沟通成本降低，类型更加健壮，前端缓存更好做 18:49 GraphQL 有什么缺点? —— 学习成本较高，后端性能不好控制，过度请求 20:40 缺点的解决方案有哪些 …

本期节目我们来蹭一下 Turbopack 的热点，谈了一些关于 packer 相关的变化。那么假如听众你要来做一个新的 packer，你会怎么设计呢？ 本期用了新软件剪辑，也许有很多问题，听众有问题可以直接留言或发邮件。节目内容如有错误也请帮忙纠正，非常感谢～ 邮件地址： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Timeline 00:00 介绍及团队说明 00:42 Vercel 新的发布会与 Turbo pack 03:40 天下苦 Webpack 久矣？为什么？ 06:10 Babel 也许并不是很好的选择 07:10 也许语言也会拖慢 Webpack 09:30 loader 们同样的事情做了很多次 10:10…

在又一次紧张刺激的停更后，我们和 Roc 一起谈了谈 side project 与独立开发的一些事情。主要包括为什么要做独立开发，收益如何，最后再打个绩效。 希望大家可以 happy coding~ 有任何意见建议也欢迎联系我们: async.talk@gmail.com 名词解释 ROI: Return on Investment 投入产出比 RD: Research & Development 本节目中多数意为 工程师/开发/程序员 PM: Product Manager 本期节目中特指 产品经理 主播 Roc: https://twitter.com/roczhang9673 AnnatarHe: https://annatarhe.com Sleaf: https://twitter…

第 18 期几位主播聊了一些关于我们自己日常用的编辑器，插件和 App。 如果有什么好用的东西也可以评论或者留言给我们哦: async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Sleaf: https://twitter.com/Sleaf_ Tinko: https://space.bilibili.com/290664 小鹿 Timeline 00:40 编辑器，IDE 与插件 09:05 开发相关的一些 App 也很好用～ 18:00 Atom —— 时代的眼泪 相关链接 Jetbrains’ Free Educational License: https://www.jetbrains.com/community/educ…

第 17 期几位主播聊了一些关于我们自己日常用的一些 Terminal, Shell 和命令。 如果有什么好用的东西也可以评论或者留言给我们哦: async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Sleaf: https://twitter.com/Sleaf_ Tinko: https://space.bilibili.com/290664 小鹿 Timeline 01:17 入题：差生文具多 01:22 Terminal 10:18 Shell 14:20 命令 23:30 结语，还有下一集哦 相关链接 iTerm2: https://iterm2.com/ Dracula Theme: https://draculathe…

本期从一个问题开始 如何在一个定宽 div 中展示一个可能会略长一些的文本 在探索方案的同时，我们也聊了一些关于如何提问可以更有效地获取答案的方式。 有任何问题可以邮件或评论区联系： async.talk@gamil.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 01:00 问题起因，如何在定宽文本中放入文本 08:00 质疑需求 16:16 提问的智慧 相关链接 Letter spacing: https://developer.mozilla.org/en-US/docs/Web/C…

这一期我们一起看一些前端状态管理的方案，从 window.store 到 Flux 的变化，双向绑定与单向数据流又是怎样的妥协与融合，从客户端手动管理到 type based cache 的发展又有怎样的经历。 有任何想法欢迎邮件联系： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 02:05 全局状态的用处 04:00 全局状态管理的进化 05:33 Flux 的新时代 07:45 this.$store.x = 1 违背了 Flux 原则吗？ 10:…

这期节目我们追一追时下比较火的 bun — a fast all-in-one JavaScript runtime 来听听主播们都看了点儿什么。 节目中有任何问题，意见或者建议均可邮件联系： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 小鹿 节目中提到的 fib 代码如下： 运行结果如图： Timeline: 0:54 最近新出了个 bun 3:26 bun 的性能到底有多好？ 6:31 所以 deno 的意义是什么呢？ 7:26 bun 的一些 API 似乎不全？ 10:21 bun 的串口通信怎么样 10:59 Zig lang 看不懂…

第二季的开始我们先从浏览器近几年出的 API 谈起，聊一聊浏览器能多做些什么 联系我们： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ Timeline 00:30 新一季想多聊聊新东西 02:05 monaco 做得不错~ 02:55 Permission 03:53 新的 API 好像大多需要 HTTPS 了 05:00 Local Notification & Push Notification 08:50 剪切与粘贴 12:26 video 的自动执行 16:17 主播…

这是一期特别节目，主要内容是我们第一季节目结束，第二季会在 8.11 继续更新。 有任何意见建议欢迎留言或邮件至 async.talk@gmail.com

在节目进行到第 12 期的时候，我们终于写了个自己的官网。以此为契机聊了一些 SEO (搜索引擎优化) 相关的话题 联系我们： async.talk@gmail.com 关键名词： SEO: Search Engine Optimization CSR: client side rendering - 客户端渲染 SSR: server side rendering - 服务端渲染 Nextjs: 一个支持 SSR 的 React 框架 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 0:00 开…

本期节目主播们在谈天说地之余聊了些关于 Event 相关的话题，从浏览器事件模型到性能优化都没丢下。 由于 lock down 带来的影响尚未散去，主播们普遍未能恢复到完全的状态，本期节目还请大家多多包涵。 但如果内容有误请务必不要照顾我们，可以通过邮件或者直接评论留言的方式联系我们指正。感谢～ 邮件：async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 0:48 引题 - Event 1:24 Event 是什么 5:11 浏览器事件模型 9:10 Abort…

本期节目我们请到了一位强力外援 李叶(https://github.com/leeyeh/) 来一起谈一谈出海国际化的各种问题。 这期节目只有大概一小时，但是内容却相当丰富，谈及了语言，数字及文化方面的国际化注意事项及一些解决方案。 最后发现还是做国内市场最简单 :) 主播: 李叶: https://github.com/leeyeh/ AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline: 0:34 为什么要出海啊 2:17 i18n, l10n 都是什么？ 5:30 语言的国际化要解决什么问题 7:41 …

大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作，探索更好的 CSS 工程形式。 有任何意见或建议，欢迎联系邮件：async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 00:30 听众反馈 02:43 让人头疼的样式表 13:02 预编译器哪家强 22:38 怎么限制 css 作用域？ 25:21 BEM？简单而臃肿 28:03 Vue 送来了 scoped 30:46 CSS Modules 好用吗 33:0…

第七期内容我们趁着年前各位跳槽前录了期关于面试的话题，包括了面试官和候选人的视角。也谈到了应该用什么样的态度来面试，问什么问题，也包含最后的薪酬话题。 其中关于 “面试造火箭，入职拧螺丝” 的部分我们讨论比较激烈，但内容上是关于 “预期管理” 的讨论。后续也激烈讨论了老生常谈的 “性能 vs 效率“ 的话题。听众有自己的看法也欢迎留下评论或者发邮件讨论。 由于本期内容过长，我们分了上、下两集。同时春节临近，我们也请假一期。下次更新时间是 2022.2.24 祝大家新年快乐~ 联系方式： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf:…

第七期内容我们趁着年前各位跳槽前录了期关于面试的话题，包括了面试官和候选人的视角。也谈到了应该用什么样的态度来面试，问什么问题，也包含最后的薪酬话题。 其中关于 “面试造火箭，入职拧螺丝” 的部分我们讨论比较激烈，但内容上是关于 “预期管理” 的讨论。后续也激烈讨论了老生常谈的 “性能 vs 效率“ 的话题。听众有自己的看法也欢迎留下评论或者发邮件讨论。 由于本期内容过长，我们分了上、下两集。同时春节临近，我们也请假一期。下次更新时间是 2022.2.24 祝大家新年快乐~ 联系方式： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf:…

本期节目我们终于蹭上了热点 —— 低代码(Low Code)。主播们根据自己的经历谈了些应用场景和实现等相关话题，展望未来的低代码平台应该是什么样子。 希望能对听众在构建自己的低代码平台时有一定的启发。 联系我们： async.talk@gmail.com 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline: 00:00 开场及短消息速报 04:13 进入主题：低代码 04:34 什么是低代码以及低代码的历史 08:03 低代码在 ERP ，表单，组件等实现 10:36 低代码在 to C 场景上的应…

️ 本期三位主播围绕 "包管理" 聊了些 js 的包管理历史，版本管理，如何发包等问题。 联系我们： async.talk@gmail.com �‍�‍� 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ ⏰ Timeline 00:00 开场简介 01:52 JavaScript 包管理历史 07:48 包管理是用来解决什么问题的 10:47 版本管理 13:50 包管理器的百家争鸣 17:53 .lock 文件即版本号的设计 24:12 how to patch a package 27:00 发个包吧 28:40 p…

本期我们邀请到了子亭(@jysperm)来和我们一起聊一聊 node.js 及相关的后端和全栈概念。 也欢迎大家留下自己对话题的看法及节目的评价。感谢各位的收听。 联系我们： async.talk@gmail.com 主播： AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf https://twitter.com/Sleaf_ 嘉宾： @ziting https://jysperm.me Timeline： 00:00 开场及自我介绍 03:41 关于用 JAVA 写后端这件事 06:57 用 Rust 来写是不是一个好的选择？ 13:10 回归正题！用 Node.js 来写后端怎么…

为了达成 OKR 聊点儿主题相关的，这次的主题是关于前端工程化的问题，以及对未来的展望，如何身体力行地去参与创建下一代前端。 内容主要三个部分 —— 开发，部署，运维 希望大家可以开拓视野，尝试用初次相见的眼光看待事物，不拘泥于目前的限制。毕竟比马更快的不是马，比 TNT 更爆裂的也不是炸药。那么，比 React, Webpack 更好的，是什么呢？ 主播： AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278 Tinko: https://space.bilibili.com/290664 Sleaf Timeline: 00:00 开场 01:03 前端工程化的前世今生 05:05 现代工程化 -…

在社交媒体上看到一位朋友发的牢骚，内容是这样的： 想学一种前端技术，毕竟自己对产品还是也很喜欢的，想着是不是自己也能瞎搞点啥，然后就去搜：js快速入门图书推荐、学typescript之前需要先学js么、Electron跨平台使用js还是ts，vue和react哪个好？angular还值得学么。。。 然后我决定学swift了 我们 AsyncTalk 作为主要做 web 开发方向的工程师，针对这个问题聊了聊自己的看法。 如果你刚入行前端，或者希望能学一门 GUI 技术，可以来听听看 时间线： 00:00 引言 00:46 入门 JS 图书推荐 05:20 关于跨行到前端工程师的讨论 07:44 入门 CSS&HTML 图书推荐 11:01 学 TypeScript 之前需要学 JavaScri…

这里是AsyncTalk一档面向能听懂中文，对 web 开发感兴趣的朋友所录制的 Podcast 节目。 在第 0 期我们主要介绍了一下这个节目的背景和目标。 后续我们会讨论更多更为前沿，工程化的话题，感兴趣可以持续关注。 联系我们请发邮件至 async.talk@gmail.com 期待与您的沟通。 BGM by Otologic