阅读 119
《Ohbug 前端周刊》 第 19 期 - React 新版文档

《Ohbug 前端周刊》 第 19 期 - React 新版文档

「Ohbug 前端周刊」第 19 期。本期刊开源(GitHub: ohbug-org/weekly), 欢迎 issue 投稿, 推荐项目。

⬆️ 热点

React 新版文档

React 新版文档

  • 所有的案例使用 function component
  • 基于 CodeSandBox 提供交互式的示例
  • 插图和图表介绍 React 如何工作
  • 新 UI 很清新的风格

vscode.dev

blog

  • 基于 File System Access API 的本地文件查看编辑
  • 支持 Debug
  • 带来在 Chromebooks、iPad 之类的平板设备上开发的可能性
  • 在 iPad 上可以使用文件应用程序上传/下载文件(甚至在云中存储它们),以及使用内置 GitHub 存储库扩展程序远程远程登录存储库。

📝 文章

优雅地打包非 JavaScript 静态资源

优雅地打包非 JavaScript 静态资源

假设你正在开发一个网络应用程序。在这种情况下,你很可能不仅要处理 JavaScript 模块,还要处理各种其他资源--Web Workers(它也是 JavaScript ,但它拥有一套独立的构建依赖图)、图片、CSS、字体、WebAssembly 模块等等。

一种可行的加载静态资源的办法是在 HTML 中直接引用它们,但通常它们在逻辑上是与其他可重用的组件耦合的。例如,自定义下拉菜单的 CSS 与它的 JavaScript 部分相联系,图标图像与工具栏组件相关,而 WebAssembly 模块与它的 JavaScript 胶水相依赖。在这些情况下,有种更加方便快捷的办法是直接从它们的 JavaScript 模块中引用资源,并在加载相应的组件时动态地加载它们。

那些你应该说再见的 npm 祖传老库

那些你应该说再见的 npm 祖传老库

不知不觉都 2021 年了,Node.js 的 LTS 已经到了 16.x, 这期间由于 Node.js 发展过程中基础类库的不完善,出现了各种生生不息的类库套娃封装,npm 包的数量扶摇直上,已经突破 170 万,断层式第一。

干掉 Postman,Apifox 才是 yyds

干掉 Postman,Apifox 才是 yyds

作为开软件开发从业者,API 调试是必不可少的一项技能,在这方面 Postman 做的非常出色。但是在整个软件开发过程中,API 调试只是其中的一部分,还有很多事情 Postman 无法完成,或者无法高效完成,比如:API 文档定义、API Mock、API 自动化测试等等。Apifox 就是为了解决这个问题而生的。

⌨️ 代码

MDX 2

MDX 2

  • 📝 改进语法兼容
  • 🧑‍💻 支持 JavaScript 表达式 比如转换 {2 * Math.PI}6.283185307179586
  • 🔌 新的 esbuild, Rollup, 和 Node.js 集成方式
  • ⚛️ 支持任意 JSX runtime: React, Preact, Vue, Emotion 等
  • 🌳 改进 AST 提供更详细的详情信息
  • 🏃‍♀️ 编译速度快了 25% 以上
  • 🚴 生成的代码运行速度快两倍

Sapling:分析 React 组件树结构的 VS Code 插件

Sapling

这款插件可以在 VS Code 的侧边栏展示出你的组件树结构。它能够显示组件的 props 属性,也能够让你非常方便地跳转到组件所在的文件。

🕒 订阅

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

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

文章分类
前端
文章标签