前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号前端每周看,里面有解决办法
大事件
- 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,正如这篇学术论文中所解释的。
文章
- JavaScript 中的区域感知排序 — 在构建本地化应用程序时,字符串的默认排序逻辑可能无法完全满足您的需求......localeCompare并且Intl.Collator可以支持。
- 如何在 React 中使用 Props — 我们三年前第一次链接到这个,但 Robin 一直在将他的帖子更新为现代标准,所以它现在仍然是一个很棒的资源,并且包含了面向 props 的示例。
- 帮助您编写异步 JS 代码的 14 条Linting 规则 - 浏览 ESLint 默认附带的各种规则 — 一种学习一些最佳实践的有趣方式。
- Next.js 的新中间件功能的内容、时间、原因和方式 - 了解 Next.js 12.0 中的新 beta 功能:中间件。
- Conquering JavaScript Hydration - Hydration在许多基于 JS 的网站生成器中发挥着重要作用,但有时可能是性能瓶颈。本文是概念性的,但深入探讨了新框架重新思考事物的一些方式。
框架发布
- Preact 10.7.0 – 小巧、快速的 React 替代品。
- wavesurfer 6.1.0 - 可导航的音频可视化。
- Vite 2.9.0 – 下一代前端工具。
- D3 7.4.0 – 数据驱动的文档库。
- React Testing Library 13 - 添加 React 18 支持。
- MIDIVal 0.0.16 – MIDI 消息库现在支持 MIDI 时钟。
- ioredis 5 - 高性能 Node.js Redis 客户端。
代码和工具
- Visual Studio Code 2022 年 3 月发布:VS Code 每月都会更新,但对于 JavaScript 开发人员来说,这感觉像是更大的更新之一。本机本地历史支持是主要功能,但 JS 调试器现在允许您收集和可视化堆配置文件以密切关注内存分配。我们现在还可以在 HTML 文件中突出显示 JS。
- https://a11y-dialog.netlify.app/: 现在在很多情况下都可以用元素替换 JS 对话框
<dialog>
,但这并不总是需要的。这是一个很好的实现——演示。 - PLV8 3.1:将 V8 引擎引入 PostgreSQL 数据库:Postgres 是一个非常流行且可扩展的关系数据库,能够用 JavaScript 而不是 PL/pgSQL 编写过程可能会吸引您。
- Hackathon Starter: A Boilerplate for Node Web Apps :当您可能想快速开始构建 Node 应用程序时,包括 auth/OAuth、Bootstrap 5、帐户管理、电子邮件表单等关键功能。
- Encoding.js 2.0:转换或检测 (.jp) 字符编码:专门用于支持日文字符的编码,包括 Shift_JIS、EUC-JP 和 UTF-8/16。
- ts-audio 0.7.0:AudioContext 和播放音频播放列表的简单 API —这是一个演示。