569 期 - React 官网发布了关于 React Conf 2021 回顾

编辑：liu-jin-yi、Black-Hole、Yucohny

🔥 本周热门

使用 structuredClone 方法轻松实现深拷贝 —当你想要深拷贝值时不妨试一试 structuredClone() 方法，这是一个用于深拷贝的内置函数。

Surma

▶ React 官网发布了关于 React Conf 2021 回顾 — React Conf 今年在线上举办，此页面的发布展示了比较重要的演讲视频以及一些精彩总结。 👇🏻 本次大会涵盖了并发状态、Suspense、服务器组件与 React Native 等主要更新。

Jesslyn Tannady and Rick Hanlon

quick-lint-js v1.0: ESLint 的替代方案 — 一种 JavaScript 语法修复工具，它自称是比 ESLint 更快、对编辑器更友好的替代方案，可以快速捕获代码中某些类型的错误。您可以在浏览器中 👇🏻 试一试。

strager

用于开发淘宝喵糖的 Eva.js v1.2 正式发布 — Eva.js 是一个专注于开发互动游戏的前端互动游戏引擎。它具备有简单、高性能、可扩展的特性，深受开发者喜爱。本次主要更新了压缩纹理支持、游戏播放速度控制等内容。

Eva.js 团队

快讯：

版本发布：

GSAP v3.9 – JavaScript 动画系统。
Ember CLI v4.0 – 用于构建 Ember 应用程序的 CLI。
Got v12.0 – Node.js 的 HTTP 客户端。
NVM for Windows v1.1.9 – Node.js 版本管理器。
bignumber.js v9.0.2 – 用于任意精度十进制和非十进制算术的 JavaScript 库。
React PDF v5.6 – 在 React 应用程序中渲染 PDF 文件。
Deno v1.17

JavaScript 的报错对性能有何影响？ — 性能与报错之间的关系或许并不像我们以为的那样，作者 Amit Singh 通过列举了一些 JS 的报错示例说明了 JavaScript 的报错对性能的不同影响。感兴趣的同学可以点击链接查看。

Amit Singh

Array 的新方法 Array.prototype.groupBy — 还在为对象数组的分组而苦恼吗？那快来看看 TC39 最新提出的数组新方法 groupBy，该方法可以帮你轻松实现按照某个属性分组。该提案目前已经进入了第二阶段。

Nicolas Charpentier

如何使用 import.meta 方法访问 ESM 的 Meta 数据？ — 这篇文章会教你如何使用 import meta 从 JavaScript 代码中访问 ESM 的 Meta 信息（模块 URL 等）。

Dmitri Pavlutin

如何使用 HTML Canvas 绘制广色域的 2D 图形？ — 作者主要介绍了在最新的 Safari 浏览器中的 "canvas" 元素对比 RGB 广色域的图形（如 Display P3）的支持情况以及如何绘制一个广色域的二维图形。

Cameron McCormack（WebKit）

Framer Motion 3D 入门介绍，可在 React 中设计 3D 动画 — Framer Motion 是一个流行的网络动画工具库，支持 3D 动画，该库使用了 React Three Fiber 作为 3D 渲染器，功能十分强大。

Framer

Cody Bontecou

Luke Hager

Riot.js v6.1：简单、优雅的 UI 组件库 — 该库可以让你轻松的编写 Web Components。它具有良好的可读性、学习曲线小，简单的语法、体积小等优点。GitHub 仓库地址。

Riot.js

Caterwaul：一个（实验性的）JavaScript 转 JavaScript 的编译器 — 一个被描述成 ”激进者“ 的 ”怪物“，这个编译器正在围绕着：低级别操作 JavaScript 代码已改变函数的语义的想法。

Spencer Tipping

OpenSeadragon 3.0：基于 Web 的超高分辨率图像查看器 — 该库是图像查看器领域的老牌项目，目前任在更新维护中。如果你需要支持某些高分辨率的图片展示时可以考虑使用该库完成需求。

OpenSeadragon contributors

CSS-Select 4.2：一个 CSS 选择器编译器及引擎 — 将 CSS 选择器变成函数，测试是否和元素相匹配。

Felix Böhm

roughViz.js：在浏览器中创建手绘风格的图表 — 该库支持条形图、环图、折线图、饼图、散点图和堆积条形图等。底层使用了 Rough.js 来进行绘图操作。

Jared Wilber

Neutralino 4.0：便携式、轻量级的桌面应用程序框架 — 该库与 Electron 最大的不同就是舍弃了嵌入式的 Chromium，采用了操作系统中现有的 Web 浏览器库（例如：Linux 上的 gtk-webkit2），因此更加小巧便捷。 GitHub 仓库地址在这里。

Codezri

Wesley Aptekar-Cassels

imgix