题图：擅用工具的兔子工程师。
📒 相关文章推荐
修复生产版本 Node 程序的内存泄露问题 — Kent 在他的 Node 程序中遇到了各种奇怪的内存和 CPU 使用率峰值问题，于是他决定查找原因。这篇文章完整介绍了他对此的探寻过程，最戏剧性的是根本原因完全出乎他的意料。
https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app
在 Go 应用中嵌入 React UI — Flipt 通过一个 Go 构建的单一二进制文件为其 web 应用提供服务，并将静态资源嵌入其中。Go 在 1.16 版本中支持原生嵌入后，帮助 Flipt 走上了一条通往 React 的道路，而且不需要 Next.js 就可以实现很好的效果。
在 Next.js v13 中使用异步 React — React 正在原生的支持异步，现在你可以在 Next.js 中试用它，作者提供了一个快速概览。
React Native 发布了 v0.71 — 这是一个“功能丰富”的版本，包括“默认 TypeScript 文件”，使用 Flexbox Gap 简化布局，以及受网络标准启发的可访问性、样式和事件 props。
用 React Hook Form 和 Zod 构建表单 — 这是作者承诺的一系列录屏视频中的第一个，不仅涉及到开发一个集成后端 API 的表单，还涉及到开发时常遇到的一些问题。该视频的时长长达 95 分钟。
⭐️ lerna + dumi + eslint多包管理实践
⭐️ 经过99次失败后， 我总结了几点 Golang 反射的经验（附源码）
📒 前端食堂技术周刊第 68 期：Astro 2.0、Nuxt v3.1.0、Bun v0.5、TS 实现 Stage 3 Decorators 提案
Turborepo 1.7
Turborepo 1.7 专注于改善开发者体验，为任务带来更多清晰性，主要特性如下：
- 改进对持久化任务的支持，
"persistent": true - 更清晰的输出，需要明确指定
outputs - 支持全局安装
- 只显示错误的输出模式，让日志更清晰，
turbo build --output-logs=errors-only
加速 JavaScript 生态系统之模块解析
module resolution (模块解析)有着大量的性能损耗，本文对此进行探讨并给出以下建议：
- 尽可能避免调用文件系统
- 尽可能使用缓存来表面调用文件系统
- 使用
fs.stat或者fs.statSync时，总是设置throwIfNoEntry: false - 尽可能限制向上遍历的行为
https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-2/
React 新文档中的最佳实践
https://sebastiancarlos.com/react-js-best-practices-from-the-new-docs-1c65570e785d
React 服务器组件深度指南
https://www.plasmic.app/blog/how-react-server-components-work
📒 腾讯云开发者 2022 年度热文
📒 DevopsCamp 第一期作业: 《cobra - 02 配置文件的读取与保存（简单）》 解题答案
📒 《DevOpsCamp作业: cobra - 01 实现编译与参数绑定（简单）》 解题答案
📒 TS、Vue、React、SSR、Node、Deno、Bun：回顾2022，展望2023
📒 MDH 前端周刊第 84 期：tRPC、Zod、慢 Jest、React Debounce、SSSVG
《6 Common SVG Fails (and How to Fix Them)》，出自 CSS Tricks。作者梳理了 6 种常见错误（编者注：后几种感觉不常见），包括 viewbox 错误、width 和 height 缺失、无意 fill 或 stroke 的颜色、id 缺失、clipping 和 masking 冲突、命名空间缺失，并给出了针对这些问题的解法。
https://css-tricks.com/6-common-svg-fails-and-how-to-fix-them/
《为何开发人员开始喜欢tRPC啦？》。tRPC 的优点包括：1）无需再次封装，直接使用函数调用远程服务，2）与Zod深度结合，可以直接使用Zod进行数据校验，3）使用非常简单，可以用在任何框架中，4）tRPC over HTTP协议非常简单，无论客户端还是服务端实现都非常简单。
《Zod: The Next Biggest thing after Typescript》。看完这篇文章后，你可能不想再使用任何其他的验证库了！
https://dev.to/jareechang/zod-the-next-biggest-thing-after-typescript-4phh
《Speeding up the JavaScript ecosystem - module resolution》，出自 marvinhagemeist。构建、测试、Lint 时有个性能大户是 module resolution，即如何找到文件，虽然规范层有规范层的解法（ESM 引用文件要带后缀），但在规范没大范围落地之前，也可以有一些解法。作者总结了几点，1）尽量避免对文件系统的调用，2）尽可能多的缓存以避免调用文件系统，3）当你使用 fs.stat 或 fs.statSync 时，总是设置 throwIfNoEntry: false，找不到文件时不抛错而是给 undefined，4）尽可能地限制向上的遍历行为。看完这篇，我给 umi 提了个 pr，调整了 webpack 配置里 extensions 的顺序。
https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-2/
《How to debounce and throttle in React without losing your mind》，作者是 NADIA MAKAREVICH，必读作者系列。关于如何在 React 中做 debounce 和 throttle 而不失去理智。作者先介绍了 debouce 和 throttle 的区别，以及各自的场景是什么，比如 throttle 的场景是拥有自动保存功能的编辑器，及时保存用户输入，以减少因意外情况可能导致的数据丢失。然后介绍了在 React 中使用 debouce 有多困难，你会面临 re-render、陈旧的 state、陈旧的闭包等问题，最终解法是 useRef + useEffect + 保存函数到 ref.current，因为 ref 是 mutable 的，不会有闭包数据陈旧问题。