Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【第五十四期】2022-09-26 #58

Open
Geekhyt opened this issue Sep 26, 2022 · 0 comments
Open

【第五十四期】2022-09-26 #58

Geekhyt opened this issue Sep 26, 2022 · 0 comments

Comments

@Geekhyt
Copy link
Owner

Geekhyt commented Sep 26, 2022

美味值:🌟🌟🌟🌟🌟

口味:芒芒生打椰

本期摘要

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

如果你想赞助食堂,可以订阅本周刊的竹白专栏付费版,食堂给你准备了专属的会员通讯,以及前端食堂数字花园知识库的访问权限。

订阅地址:https://hungryturbo.zhubai.love/

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

技术资讯

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 处理包版本依赖

image

3.第 92 次 TC39 会议

此次会议进展如下:

下面我们来看技术资料。

技术资料

1.将 StoryBook Stories 转换为 Figma 组件

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

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

image

2.Playwright 组件测试入门

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

3.垃圾代码书写准则

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

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

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

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

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

image

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

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

其他信息

好文推荐

下面来看一下好文推荐,本周推荐的好文是:

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

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

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant