前端食堂技术周刊第 54 期：TS 4.9 Beta、Monorepo Handbook、第 92 次 TC39 会议

美味值：

口味：芒芒生打椰

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

本期摘要

TypeScript 4.9 Beta
Monorepo Handbook 新鲜出炉
第 92 次 TC39 会议
将 StoryBook Stories 转换为 Figma 组件
Playwright 组件测试入门
垃圾代码书写准则
React 我爱你，但是你让我失望了
希望能早点知道的 Chrome Devtools 调试技巧

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1.TypeScript 4.9 Beta

TypeScript 4.9 Beta 带着新的 satisfies 操作符来了，主要特性如下：

新的 satisfies 操作符；
增强 in 操作符；
更严格的 NaN 检查；
优化 File-Watching，使用文件系统事件，减少轮询；
为 Promise.resolve 提供更好的类型；
保留 JS 文件中的导入；
修正 Exports 和 typeVersions 的优先级；
优化 Substitution 类型。

2.Monorepo Handbook 新鲜出炉

TurboRepo 团队近日发布了 Monorepo 手册，包含关于 Monorepo 你需要知道的一切，并提供了详尽的配置示例，内容如下：

什么是 Monorepo？
安装包 (npm、pnpm、Yarn 1、Yarn >=2)
Workspaces 工作区
迁移到 Monorepo
任务编排
构建
Docker 部署
共享代码
Lint
测试
发布 (Changesets)
@manypkg/cli 处理包版本依赖

3.第 92 次 TC39 会议

此次会议进展如下：

下面我们来看技术资料。

技术资料

1.将 StoryBook Stories 转换为 Figma 组件

‹div›RIOTS 团队开发的 story.to.design Figma 插件可以将 StoryBook 的 Strories 转换为 Figma 中的组件。他们同时发布了博文每个设计团队都需要 story.to.design 的 5 个理由。

减少代码和设计之间的差异；
在设计中使用与生产中完全一样的组件；
设计和原型制作提速；
跨工具的设计系统更新起来更加便捷；
与开发人员说同样的（组件）语言。

2.Playwright 组件测试入门

Playwright 现在实验性支持组件测试，本文提供了有关 React、Vue、Svelte 框架组件测试的示例。

3.垃圾代码书写准则

请把这个仓库转发给写出令你头疼代码的同事，并告诉他：你写的每一行代码都是你的名片。

如果他看懂了，他会真诚的谢谢你，并请你吃个饭。

4.React 我爱你，但是你让我失望了

Marmelab 的 CEO François Zaninotto 发布了这篇长文，提出了 React 框架现存的一些痛点问题，并坦言 React 社区和生态系统的质量盖过了 React 本身。

React 团队成员 Dan 随后做出了回应。

5.希望能早点知道的 Chrome Devtools 调试技巧

添加条件断点；
使用 $i('name') 在控制台安装 npm 包；
重新发送 XHR 请求；
快速切换主题颜色；
在控制台中快速发送请求；
复制 JavaScript 变量；
在控制台中获取选定的 DOM 元素；
捕获全尺寸的屏幕截图；
展开所有子节点；
使用 $ 来获取上一次执行的结果；
使用 $ 和 $$ 来快速选择 DOM 元素。

其他信息

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.Remesh 介绍：用以开发大型复杂 Web App 的 DDD 框架

2.从 0 到 1000 万：哔哩哔哩直播架构演进史

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。