美味值：🌟🌟🌟🌟🌟
口味：芒芒生打椰
- 食堂技术周刊仓库地址：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 会议
此次会议停顿如下：
- 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 元素。
其余信息
- Deno v1.25.4
- Rust 1.64.0
- Firefox 105.0
- What’s New In DevTools (Chrome 107)
- Lightning CSS v1.16.0
好文举荐
上面来看一下好文举荐，本周举荐的好文是：
1.Remesh 介绍：用以开发大型简单 Web App 的 DDD 框架
2. 从 0 到 1000 万：哔哩哔哩直播架构演进史
好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。
你的前端食堂，吃好每一顿饭，咱们下期见。