美味值：🌟🌟🌟🌟🌟
口味：芒芒生打椰
本期摘要
- 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 会议
此次会议进展如下：
- Stage3：Array.fromAsync
- Stage2：Well-Formed Unicode Strings
- State1：Extractors
下面我们来看技术资料。
技术资料
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 框架
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
❤️爱心三连击
1.如果你觉得食堂酒菜还合胃口，就点个赞支持下吧，你的赞是我最大的动力。
2.关注公众号前端食堂，吃好每一顿饭！
3.点赞、评论、转发 === 催更！
