前端周刊第十三期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
<span style="color:red;">如果外链不能访问，关注公众号前端每周看，里面有解决办法</span>

大事件

• ES6 类提案（大部分）的装饰器在 TC39 上达到了第 3 阶段——我们三年前首次链接到这个提案，但现在它有条件地进入第 3 阶段（需要一些调整）

• React 18 已发布——计划是让 v18 轻松升级，即使引擎盖下有很多变化。尽管引入了新的并发渲染器、Suspense、新的钩子、自动批处理等，但他们已经完成了保持船舶稳定的一项伟大工作。React 18 升级指南涵盖了一些你需要考虑的事情，如果你是一个完整的人，更新日志会深入挖掘。

• Electron 18.0 发布——不满足于让 React 获得所有 v18 的荣耀，流行的 Electron 跨平台“使用 JS、CSS 和 HTML 构建桌面应用程序”框架也达到了 v18，升级到 Chrome 100（本周也发布）、V8 10.0 和节点 16.13.2。

• Next.js 的故事——讲述Next.js故事的细节和高级概述的良好平衡。尽管只有 12 分钟长，但它的背景和历史也比你想象的要多得多。或许接下来会为 Gatsby 和 Remix 讲述？

• Visible V8——它是 V8 JavaScript 引擎的一个补丁版本，专门用于监控和记录运行的 JavaScript，正如这篇学术论文中所解释的。

文章

1. JavaScript 中的区域感知排序 — 在构建本地化应用程序时，字符串的默认排序逻辑可能无法完全满足您的需求......localeCompare并且Intl.Collator可以支持。

2. 如何在 React 中使用 Props — 我们三年前第一次链接到这个，但 Robin 一直在将他的帖子更新为现代标准，所以它现在仍然是一个很棒的资源，并且包含了面向 props 的示例。

3. 帮助您编写异步 JS 代码的 14 条Linting 规则 - 浏览 ESLint 默认附带的各种规则 — 一种学习一些最佳实践的有趣方式。

4. Next.js 的新中间件功能的内容、时间、原因和方式 - 了解 Next.js 12.0 中的新 beta 功能：中间件。

5. Conquering JavaScript Hydration - Hydration在许多基于 JS 的网站生成器中发挥着重要作用，但有时可能是性能瓶颈。本文是概念性的，但深入探讨了新框架重新思考事物的一些方式。

框架发布

1. Preact 10.7.0 – 小巧、快速的 React 替代品。
2. wavesurfer 6.1.0 - 可导航的音频可视化。
3. Vite 2.9.0 – 下一代前端工具。
4. D3 7.4.0 – 数据驱动的文档库。
5. React Testing Library 13 - 添加 React 18 支持。
6. MIDIVal 0.0.16 – MIDI 消息库现在支持 MIDI 时钟。
7. ioredis 5 - 高性能 Node.js Redis 客户端。

代码和工具

1. Visual Studio Code 2022 年 3 月发布：VS Code 每月都会更新，但对于 JavaScript 开发人员来说，这感觉像是更大的更新之一。本机本地历史支持是主要功能，但 JS 调试器现在允许您收集和可视化堆配置文件以密切关注内存分配。我们现在还可以在 HTML 文件中突出显示 JS。

2. https://a11y-dialog.netlify.app/： 现在在很多情况下都可以用元素替换 JS 对话框<dialog>，但这并不总是需要的。这是一个很好的实现——演示。

3. PLV8 3.1：将 V8 引擎引入 PostgreSQL 数据库：Postgres 是一个非常流行且可扩展的关系数据库，能够用 JavaScript 而不是 PL/pgSQL 编写过程可能会吸引您。

4. Hackathon Starter: A Boilerplate for Node Web Apps ：当您可能想快速开始构建 Node 应用程序时，包括 auth/OAuth、Bootstrap 5、帐户管理、电子邮件表单等关键功能。

5. Encoding.js 2.0：转换或检测 (.jp) 字符编码：专门用于支持日文字符的编码，包括 Shift_JIS、EUC-JP 和 UTF-8/16。

6. ts-audio 0.7.0：AudioContext 和播放音频播放列表的简单 API —这是一个演示。