「Ohbug 前端周刊」第 19 期。本期刊开源（GitHub: ohbug-org/weekly）, 欢迎 issue 投稿, 推荐项目。
- 所有的案例使用 function component
- 基于 CodeSandBox 提供交互式的示例
- 插图和图表介绍 React 如何工作
- 新 UI 很清新的风格
- 基于 File System Access API 的本地文件查看编辑
- 支持 Debug
- 带来在 Chromebooks、iPad 之类的平板设备上开发的可能性
- 在 iPad 上可以使用文件应用程序上传/下载文件（甚至在云中存储它们），以及使用内置 GitHub 存储库扩展程序远程远程登录存储库。
假设你正在开发一个网络应用程序。在这种情况下，你很可能不仅要处理 JavaScript 模块，还要处理各种其他资源--Web Workers（它也是 JavaScript ，但它拥有一套独立的构建依赖图）、图片、CSS、字体、WebAssembly 模块等等。
一种可行的加载静态资源的办法是在 HTML 中直接引用它们，但通常它们在逻辑上是与其他可重用的组件耦合的。例如，自定义下拉菜单的 CSS 与它的 JavaScript 部分相联系，图标图像与工具栏组件相关，而 WebAssembly 模块与它的 JavaScript 胶水相依赖。在这些情况下，有种更加方便快捷的办法是直接从它们的 JavaScript 模块中引用资源，并在加载相应的组件时动态地加载它们。
不知不觉都 2021 年了，Node.js 的 LTS 已经到了 16.x， 这期间由于 Node.js 发展过程中基础类库的不完善，出现了各种生生不息的类库套娃封装，npm 包的数量扶摇直上，已经突破 170 万，断层式第一。
作为开软件开发从业者，API 调试是必不可少的一项技能，在这方面 Postman 做的非常出色。但是在整个软件开发过程中，API 调试只是其中的一部分，还有很多事情 Postman 无法完成，或者无法高效完成，比如：API 文档定义、API Mock、API 自动化测试等等。Apifox 就是为了解决这个问题而生的。
- 📝 改进语法兼容
- 🧑💻 支持 JavaScript 表达式 比如转换
{2 * Math.PI}为6.283185307179586 - 🔌 新的 esbuild, Rollup, 和 Node.js 集成方式
- ⚛️ 支持任意 JSX runtime: React, Preact, Vue, Emotion 等
- 🌳 改进 AST 提供更详细的详情信息
- 🏃♀️ 编译速度快了 25% 以上
- 🚴 生成的代码运行速度快两倍
这款插件可以在 VS Code 的侧边栏展示出你的组件树结构。它能够显示组件的 props 属性，也能够让你非常方便地跳转到组件所在的文件。
- 🕒 每周一准时更新 (重新定义周一)
- 👋 Github 和公众号同步更新 点击《阅读原文》前往 Github 仓库
微信搜索 「Ohbug」 或者关注公众号 ohbug, 即可订阅。
