前端食堂技术周刊第54期

　　美味值：
　　口味：芒芒生打椰食堂技术周刊仓库地址：https：github。comGeekhytweekly本期摘要TypeScript4。9BetaMonorepoHandbook新鲜出炉第92次TC39会议将StoryBookStories转换为Figma组件Playwright组件测试入门垃圾代码书写准则React我爱你，但是你让我失望了希望能早点知道的ChromeDevtools调试技巧
　　大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯1。TypeScript4。9Beta
　　TypeScript4。9Beta带着新的satisfies操作符来了，主要特性如下：新的satisfies操作符；增强in操作符；更严格的NaN检查；优化FileWatching，使用文件系统事件，减少轮询；为Promise。resolve提供更好的类型；保留JS文件中的导入；修正Exports和typeVersions的优先级；优化Substitution类型。2。MonorepoHandbook新鲜出炉
　　TurboRepo团队近日发布了Monorepo手册，包含关于Monorepo你需要知道的一切，并提供了详尽的配置示例，内容如下：什么是Monorepo？安装包（npm、pnpm、Yarn1、Yarn2）Workspaces工作区迁移到Monorepo任务编排构建Docker部署共享代码Lint测试发布（Changesets）manypkgcli处理包版本依赖
　　3。第92次TC39会议
　　此次会议进展如下：Stage3：Array。fromAsyncStage2：WellFormedUnicodeStringsState1：Extractors
　　下面我们来看技术资料。技术资料1。将StoryBookStories转换为Figma组件
　　pRIOTS团队开发的story。to。designFigma插件可以将StoryBook的Strories转换为Figma中的组件。他们同时发布了博文每个设计团队都需要story。to。design的5个理由。减少代码和设计之间的差异；在设计中使用与生产中完全一样的组件；设计和原型制作提速；跨工具的设计系统更新起来更加便捷；与开发人员说同样的（组件）语言。
　　2。Playwright组件测试入门
　　Playwright现在实验性支持组件测试，本文提供了有关React、Vue、Svelte框架组件测试的示例。3。垃圾代码书写准则
　　请把这个仓库转发给写出令你头疼代码的同事，并告诉他：你写的每一行代码都是你的名片。
　　如果他看懂了，他会真诚的谢谢你，并请你吃个饭。4。React我爱你，但是你让我失望了
　　Marmelab的CEOFranoisZaninotto发布了这篇长文，提出了React框架现存的一些痛点问题，并坦言React社区和生态系统的质量盖过了React本身。
　　React团队成员Dan随后做出了回应。
　　5。希望能早点知道的ChromeDevtools调试技巧添加条件断点；使用i（name）在控制台安装npm包；重新发送XHR请求；快速切换主题颜色；在控制台中快速发送请求；复制JavaScript变量；在控制台中获取选定的DOM元素；捕获全尺寸的屏幕截图；展开所有子节点；使用来获取上一次执行的结果；使用和来快速选择DOM元素。其他信息Denov1。25。4Rust1。64。0Firefox105。0WhatsNewInDevTools（Chrome107）LightningCSSv1。16。0好文推荐
　　下面来看一下好文推荐，本周推荐的好文是：
　　1。Remesh介绍：用以开发大型复杂WebApp的DDD框架
　　2。从0到1000万：哔哩哔哩直播架构演进史
　　好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
　　你的前端食堂，吃好每一顿饭，我们下期见。