Hi，新年好！我是云谦，欢迎打开新一期的「MDH：前端周刊」，这是第 0081 期，发表于 2023/1/2，将为您带来最新的资讯和分享。

注意：本文带有大量链接，推荐点击「查看原文」在语雀上查看。

一周新闻

推荐下 YingCi 的 Telegram 频道《咲奈的平行时空》，更新频率很高，通过此可了解大部分前端相关资讯，也是本文新闻的重要渠道之一。也可订阅我的 Telegrame 频道《云谦的自说自话》作为补充。

• Next.js 发布 13.1，包括 app 目录改进、内置 next-transpile-modules 的能力、支持 babel-plugin-transform-imports 的能力、内置 Edge Runtime 可稳定运行 API 路由、Turbopack 大量改进等。

• Bun 发布 0.4，引入了极快的 bunx。

• Ant Design 发布 5.1，新增 App 包裹组件、QRCode 二维码组件和 Watermark 水印组件。

• 发现有人用一个网站来整理 WASM 的时间线。

• devongovett 实现了 WASM 版的 napi，让 native node 依赖可以跑在浏览器里，已跑通大部分 napi_rs 的测试用例。

• Josh W Comeau 的新课《The Toy of React》将于 2023.1.23 发布。

• 发现一个开源版的 ChatGPT，但是基于 PaLM 实现的 PLHF。

• Tamagui 发布 1.0，让你可以构建跨平台的 React 应用，支持 Web 和 RN。

• Jotai 2 将支持在 React 外读写 atom 值，同时在 Jotai 1.11 中也支持，期待已久的功能。

• 发现一个库 mdxjs-rust，用 Rust 实现 MDX 到 JavaScript 的编译，对于文档站的 SSG 部署来说会更快。

• 来自 Remotion 的 Github Unwrapped，输入 github id 即可得到一个个性化的年度 Review 视频。

• GitHub Contributions Chart Generator 可以生成历年的 Github 贡献热力图。

• 一个开源的建立编辑器 Reactive-Resume，推荐给有需要的同学。

深度好文

好文推荐，但是感觉最近好文好少。

• 对性能方向感兴趣的可以关注 《Web Performance Calendar 2022》，每年 12 月份会写 31 篇性能相关的文章。

• Lee Robinson 写了一篇《Why I'm Optimistic About JavaScript's Future》 表达对 JavaScript 未来的看好。1）浏览器部分有 IE 时代的终结和浏览器引擎标准对齐，现在的 img 已可无需 JavaScript 实现 lazy loading、宽高比、基于 CSS/SVG 的模糊图像占位符等能力，2）Server 部分，像 Fetch、Request、Response 等 100+ API 在 Node 和 Browser 之间无缝无补丁使用，3）Edge 里的 JavaScript runtime 通常是 Node.js API 的子集。

• Ryan Carniato 通过一篇《JavaScript Frameworks - Heading into 2023》带我们回顾 2022 年的 JavaScript 框架。一些趋势包括，1）2022年框架思想领袖之间最大的一致，那就是路由属于服务器，2）TypeScript从一个选项变成了许多元框架CLI的默认选项，以及类型安全 API 的 tRPC 和类型安全路由的 TanStack Router，3）水化将成为过去，取而代之的是 Resumable，4）绝大多数元框架支持 Edge Function。

• 看到一篇《Why You Should Use Islands Architecture》，详细介绍了岛屿架构的来龙去脉及其解的问题。

• 看到一篇《9 Best Digital Transformation Tools for 2023》，除了第一个是明显广告外，其他工具大部分开发者应该都会接触到。

• 看到一篇《State Management In React With Jōtai》，有余力的同学可以赶在 Jotai 2 发布之前入门 Jotai。

• 推荐一篇技术无关的文章《How To Get Luck》。运气虽随机发生，但你可以把自己挪到可以捕捉到更多运气的地方。

Umi 和我

关于 Umi 和我最近的进展。

• Umi 例行每周四发一版，有趣的功能包括，1）新增 phantomDependency 配置，用于检测幽灵依赖的使用，对于一些项目来说是可以救命的功能，2）完善 dev 启动提示，无网络连接时提示 Network Unavaiable，3）支持 antd 5 的预设算法配置。

• 这两周阳过了，在家办公 6 天，家有两娃，一个上网课，一个提早寒假放飞，于是工作效率略低，后面几天每天早上测抗原盼望着去上班。

• 写了个程序自动捞前端资讯，已运行 4 天，稳定后会免费放出。

• 完整调研完一遍 React Query、SWR、use-request，分别用了两下午、3 小时、半小时，最终确定 React Query 为我们中台请求方案的选择。

• 花 59$ 买了 React Query 的官方课程，看了 50%，看的时候顺手用 yt-dlp 下视频到本地，并用 ffmpeg + whisper-cpp 加上英文字幕。

• 如果你在做答疑，要注意答疑的不同方式的杠杆率，相比之下，「记录答案并分享链接且后续可被搜索到」是其中相对更好的方式。

• 周五下班前拍脑袋出了个「前端计划交换」计划，已征集到 100+ 反馈。2023 年，你有啥想做的前端领域的事情吗？填入你的计划，1-3 项即可，你将会收获所有填写这份表单同学的计划。截止 2023.1.5。

• 2022 年最后一天梳理了 2022 年终总结，2023 年第一天脑暴了目标并确定了一些，然后整理了其中一些目标的 Roadmap。新的一年尝试用 Lex Fridman 的方法组织自己的时间，多 Deep Work。

星球更新

不知不觉我的知识星球已维护近一年，更了 230 多篇文章，包含了我们最新的观点和见解。以下是近两周的星球更新，访问「q.sorrycc.com」了解更多。

• 236 - 《2022 年终总结》

• 235 - 《Telegram 机器人》

• 234 - 《极简交互的极致体验》

• 233 - 《SWR 调研笔记》

• 232 - 《2022 年度产品、游戏、硬件和付费服务》

• 231 - 《React Query 笔记：下》

• 230 - 《React Query 笔记：上》

每周一图

小结

如果你喜欢 MDH 前端周刊，请转发给你的朋友，告诉他们到这里来订阅，这是对我最大的帮助。下期见！

MDH，让开发者有笑容 :)

点击“在看”，与好友共享！