AsyncTalk AsyncTalk

本期节目从前端性能优化开始，主要还是关于 SSR, RSC 和 Node 如何提升渲染性能。目前这条路径看起来应该是个比较确定的 Web 发展方向了。大家可以考虑追上节奏，升职加薪
欢迎评论区留言, 给我们发邮件 async.talk@gmail.com 或者在 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 一起聊聊在北美的工作情况。
有任何意见，建议或者评论欢迎在下面评论或者发邮件至 async.talk@gmail.com
本期剪辑是分开的，也可以去听 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 吧～
欢迎评论区留言, 给我们发邮件 async.talk@gmail.com 或者在 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

Shownotes
AsyncTalk EP36 来谈论最近很沉重的工作话题。
因为 AnnatarHe 最近有些朋友的职业有一些变化，包括网上的一些评论和态度觉得有必要聊一聊。
这一期主要是谈论了裁员降薪的背景原因，面试没过十分正常。记得要用闲暇时间放松一下，拓展视野。
也不要对互联网沮丧，这依旧是个容量和潜力极为巨大的行业。
在公司的话，记得多跟人沟通交流，学习一些自己不会的东西，也要有自己的品味，最重要的，做个好人。
祝大家过得开心，熬过这段周期。
欢迎评论区留言, 给我们发邮件 async.talk@gmail.com 或者在 X 留言: https://twitter.com/AsyncTalk
主播
AnnatarHe: https://annatarhe.com
Timeline
00:16 谢谢赞赏支持 @Retros回憶 @Asurada
00:45 EP34 的 JS Runtime 分类并不准确, Hermes 的原因也不一定正确
02:00 最近大家都很压抑，来聊聊
03:45 裁员降薪的原因多种多样。大家都很棒，别 PUA 自己
06:00 面试没过原因多种多样，别沮丧
06:41 面试官水平不一定比你高
09:54 休息，读书，拓展视野
13:13 AnnatarHe 没觉得互联网下行，基本盘依旧是巨大的影响力
15:00 CRUD 也不简单哦 —— 性能，开发者体验，选型，效率
16:41 前端玩得很花，也没那么无聊
17:32 还在打工就一定要白嫖公司
19:00 站不站队？好的工程师一定是有自己的品味的
22:58 记得做个好人
23:50 大佬也不安全，记得做自己的业务
24:52 别沮丧，一定的危机是好事儿
相关链接
Carousell cuts 10% of total headcount, including about 50 job roles in S’pore: https://www.straitstimes.com/singapore/jobs/carousell-cuts-110-jobs-to-rein-in-costs
Mark Zuckerberg’s Message to Meta Employees: https://about.fb.com/news/2022/11/mark-zuckerberg-layoff-message-to-employees/
The Node.js Event Loop: https://nodejs.org/en/learn/asynchronous-work/event-loop-timers-and-nexttick#event-loop-explained
Tokio: https://docs.rs/tokio/latest/tokio/
BGM by Otologic

让我猜猜，你是不是也想自己写个博客官网啥的？来听听这期节目试试有没有其他有趣的方案吧～感谢 Roy 的赞赏也记得要关注 twitter 哦: https://twitter.com/AsyncTalk欢迎评论留言 async.talk@gmail.com名词解释DSL: 专用领域语言 Domain-Specific LanguagesROI: 投资回报率 return on investment
主播AnnatarHe: https://annatarhe.com
Timeline00:00 感谢 Roy 的赞赏！00:10 我们开通了 twitter: AsyncTalk01:00 最近重写了遍官网，来聊一聊02:02 官网和博客的特点：重 SEO, 低 ROI, 要面子, 高信息密度04:20 技术选型: Gatsby, Astro 或者 Next.js08:53 其他的技术选型？09:51 写文章？选 MDX 吧11:09 OpenGraph 还是要做的12:19 如何生成 OpenGraph 的图？satori + sharp14:00 讨好爬虫的手段: HTML 标签, a11y, RSS16:40 官网博客应该接入其他服务吗？RSS, 打点分析17:08 图片优化 - blurhash18:20 怎么部署（白嫖）?
相关链接twitter 账户: https://twitter.com/AsyncTalkEP12 官网与 SEO: https://asynctalk.com/posts/ep12WebWorker No.48 和 Astro Maintainer 瑞丰科普 Astro 使用心得、参与开源和成长感悟**:** https://podcast.webworker.tech/48Gatsby - 曾经的 JAMStack 老大哥: https://github.com/gatsbyjs/gatsbyAstro: https://astro.build/NextJS: https://nextjs.org/Gatsby 5 is dead? https://github.com/gatsbyjs/gatsby/issues/38859Ruby on rails - 曾经的后端框架王者: https://rubyonrails.org/Jekyll - 静态站点生成: https://jekyllrb.com/MDX: https://mdxjs.com/The Open Graph Protocol: https://ogp.me/satori - JSX 转 SVG: https://github.com/vercel/satorisharp - JS 图像操作库: https://github.com/lovell/sharpReact Testing library: https://testing-library.com/docs/guiding-principlesBlurhash: https://blurha.sh/Cloudflare Pages: https://pages.cloudflare.com/Render.com: https://render.com/Vercel: https://vercel.com/DigitalOcean Apps: https://www.digitalocean.com/products/app-platform
扩展阅读Domain-Specific Languages https://www.jetbrains.com/mps/concepts/domain-specific-languages/� 勘误
BGM by Otologic

Node.js, Deno, Bun, Hermes, LLRT。怎么这年头做 JS Runtime 也这么卷？本期节目介绍了几个 JS Runtime ，来听听看有没有你正在用的 Runtime欢迎大家在评论区分享你对 JS Runtime 的看法，以及你正在使用或计划使用的 Runtime。主播
AnnatarHe: https://annatarhe.comTimeline00:24 感谢 @辛宝-WebWorker 和 @烤箱 的赞赏支持01:18 AI 虽然很火，JS Runtime 也很卷02:17 JS Runtime: Node, Deno, Bun, Hermes, LLRT03:36 NodeJS 还是老大哥，但是已经成了背景板04:26 Deno 策略激进, 有力竞争者07:30 Deno 真正的竞争力: Edge Computing, Cloud, 工具链09:10 Bun 高兼容，高性能10:24 Hermes: 启动速度，React Native 专属10:48 Hermes 真正的竞争力是和 Android Webview 对比出来的11:50 LLRT: 启动速度和成本12:38 被遗忘的 Alinode: debug13:04 如何选择 Runtime14:24 不同的 Runtime 有不同的注意事项: 语法，接口16:04 自己做 Runtime 需要注意什么：商业化，云服务，性能，工具链，兼容性20:08 Deno 的几个卖点可能并不够有吸引力相关链接- NodeJS: https://nodejs.org/en- Deno: https://deno.com/- Bun: https://bun.sh/- Hermes: https://hermesengine.dev/- LLRT: https://github.com/awslabs/llrt- The Future of the Web is on the Edge: https://deno.com/blog/the-future-of-web-is-on-the-edge- Deno vs Node.js: Performance comparison for file server: https://medium.com/deno-the-complete-reference/deno-vs-node-js-performance-comparison-for-file-server-9af26133c800- Is Bun really much faster than Node.js? https://medium.com/deno-the-complete-reference/is-bun-really-much-faster-than-node-js-e5b15942a8e8- X5 内核: https://x5.tencent.com/- Alinode: https://cn.aliyun.com/product/nodejs?from_alibabacloud=- QuickJS Engine: https://bellard.org/quickjs/BGM by Otologic