0009.md

《Ohbug 前端周刊》 第 9 期 - React DevTools 4.14

⬆️ 热点

React DevTools

https://github.com/facebook/react/blob/main/packages/react-devtools/CHANGELOG.md#4140-july-17-2021

React DevTools 4.14 发布

• 包含一项备受期待的功能，即可以显示被检查组件的 hooks 名称。

• 控制 error boundaries 切换

📝 文章

写在 2021: 值得关注/学习的前端框架和工具库

https://juejin.cn/post/6935670539088461855

列举了目前较为前沿的一系列框架/工具库，值得一看。

Monorepo 进化论 - monorepo 内 Node 部署

https://mp.weixin.qq.com/s/qQIFD7boAS4Gv3dAdbPlNQ

在 monorepo 中，纯 web 项目的产物输出无疑是简单的。但 Node.js 项目，或者更具体的说 Node.js server 项目则会有比较大的不同，常规项目中是不包含 bundle 环节的。他的最终产物在某种意义上是包含所有 runtime 中会使用到的依赖的。可以尝试下 rush 了。

SolidJS 硬气的说：我比 React 还 react

https://mp.weixin.qq.com/s/A_IYySoUmTQ7MLYp2IS_VA

自 Svelte 推出之后，更多的人开始反思 Virtual DOM 的成本和收益。新推出的 Solid 就是 React 和 Svelte 技术杂交的结果。截止到目前 star 数已突破 9k

主流 App 开屏广告好像消失了，但也没完全消失

https://www.ifanr.com/1427405

这一切的源头就是上周工信部关于 App 开屏弹窗信息的集中整治。包括阿里、百度、腾讯、字节跳动在内的 68 家互联网头部企业已完成整改。

结果就是，上周末常用的 App 们的开屏广告没了，留下的是一片整洁和干爽。

27 万的 Model Y 来了，现在买特斯拉该怎么选

https://sspai.com/post/67607

比 3 贵了 2 万，续航稍稍多一点，还有方向盘加热、后排座椅加热、完整的音响。

⌨️ 代码

@vuejs/composition-api

https://github.com/vuejs/composition-api

安装至 Vue 2 项目中即可使用 Vue Composition API

// 使用 API
import { ref, reactive } from '@vue/composition-api'

💡 当迁移到 Vue 3 时，只需简单的将 @vue/composition-api 替换成 vue 即可。你现有的代码几乎无需进行额外的改动。

ts-transformer-keys

https://github.com/kimamula/ts-transformer-enumerate

一个能够从 TypeScript Interface 中获取到 Interface 成员（非类型信息）的库。

import { enumerate } from 'ts-transformer-enumerate'

type Colors = 'green' | 'yellow' | 'red'
const Colors = enumerate<Colors>()

console.log(Colors.green) // 'green'
console.log(Colors.yellow) // 'yellow'
console.log(Colors.red) // 'red'

🕒 订阅

• 🕒 每周一早上准时更新 (重新定义周一)
• 👋 Github 和公众号同步更新 点击《查看原文》前往 Github 仓库

微信搜索 「Ohbug」 或者关注公众号 ohbug，即可订阅。