561 期 - Next.js v12 发布了!
编辑:liu-jin-yi、QC-L、Matrixbird
🔥 本周热门
Next.js v12 发布 - 本次发布进行了一系列的设计和改进,亮点十足。其中包括对中间件的 beta 支持,支持了 React 18,支持了原生的 ESModule,同时通过 Rust 驱动的编译器,将构建速度提升了 5 倍之多。
Vercel Team
快来瞅瞅刚发布的 Gatsby v4 都有哪些新功能! — Gatsby 是基于 React 的流行开源框架,v4 版本更是引入了新的内容渲染方法(例如延迟静态生成)、React 18 的新功能、新的构建和部署架构、新的 CMS API 等,绝对算得上诚意满满!
Jeff James(Gatsby)
JS 数据结构与算法 — 100+ 常见的算法(如位操作、帕斯卡尔三角形、汉明距离)和数据结构(如链接列表、尝试、图)的例子都有解释。也有其他语言版本,如中文、韩语、法语和西班牙语。
Oleksii Trekhleb et al.
快讯:
-
本周,Chrome v95 已经发布 点击查看新功能。
-
在 Kent C Dodds 最新的一期的 Q&A 播客中, 他谈到了 ▶️ 为什么在自己的网站上使用 XState (state 状态管理库)。
-
⚛️ 如果你是一个 React 开发者,请确保你也订阅了我们的 React 周报 我们每周都会为你推荐关于 React 的文章、工具和项目。
-
Playwright v1.16 – 夸浏览器的网络自动化 Node 库 - 已经发布,包括一个新的API 测试功能。
-
Angular 团队已经发布了 框架架构转变的 RFC,目的是使 Angular 更简单易用,更加模块化。
版本发布:
Neutralinojs v3.0 – 轻量级、便携式桌面应用程序开发框架。比 Electron 更小巧。
React Bootstrap v2.0 – 用 React 构建的 Bootstrap 组件。
Commander.js v8.3.0 – Node.js 的 CLI 特性。
noVNC v1.3.0 – 基于 JS 和 HTML 的浏览器 VNC 客户端。
React Native Testing Library v8.0
Node-RED v2.1.1 – 低代码的 JS 开发环境。
📖 教程与趣事
▶ 用 React 实现 "糖果粉碎机"游戏 —Ania 在最新的一期视频中记录她是如何通过 React 实现了一个简单的益智游戏的过程。
Ania Kubów
理解 JavaScript 中的 Map 和 Set — 本篇文章介绍了 Map 和 Set 对象,它们与 Objects 和 Arrays 的区别,以及常用的属性和方法,和一些实际用途的例子。
Tania Rascia
如何在 JavaScript 中创建一个线性计量图表 — 这也许是一种将进展可视化的方法--就像这里用来展示 COVID 疫苗接种率一样。
Shachee Swadia
▶ 如何在 10 分钟内用 Next.js 创建一个 PWA — 这个视频短短几天已经在 YouTube 上累计播放了 100K+ 次.
James Q Quick
console.log()
的正确使用方式 — 本片文章介绍了 console
的各种使用方式!
Marko Denic
让你的 Pull 请求更容易审查的六个技巧 — 想让你的 Pull 请求高于活跃的 repo 的吗?
Chak Shun Yu
如何用 React 和 JS 创建动态更新的 CSS 自定义属性。
Colby Fayock
Paul Scanlon
🛠 代码与工具
LittleJS:一个具有快速 WebGL 渲染功能的小巧的 2D JavaScript 游戏引擎 — 没有依赖性,它声称能以 60fps 的速度渲染 10,000 多个对象。
Frank Force
memoize-one v6.0:一个操作简单的缓存库 — 一个记忆库,它采取了一种新奇的方法,即只记住最后一次调用和参数,如果下一次调用匹配,则返回缓存的值。这节省了复杂的缓存安排,同时加快了许多情况下的速度。
Alex Reardon
ChordSymbol:音乐和弦解析器与渲染器 — 声称能够 "处理任何和弦语法",它可以生成所有的音符,在其他地方显示。GitHub repo。
Christophe Noël
GistPad:用于管理 GitHub Gists 中的代码片段的 VS Code 扩展 — 允许你完全在 VS Code 中管理 GitHub Gists。打开、创建、删除、分叉、加星和克隆 Gist,然后直接进行编辑。VS Marketplace 链接。
VS Live Share Contrib
JavaScript Obfuscator:"窜改"JS 代码的库 — 这是一款功能强大且免费的 JavaScript 混淆器,包含多种功能,可以使你的代码变得难以复制,为你的源代码提供保护。如果你也感兴趣点击可以尝试-下。
Timofey Kachalov, Tiago Serafim, et al.
OpenSilver 1.0:现代的、无插件的 Silverlight 的再实现 — 这是微软的 Silverlight 技术的替代品,但在这个 1.0 版本中,它拥有 "强大的功能,足以运行各种规模的复杂商业应用。" 它是开源的,通过 WebAssembly 可以在当前的浏览器中运行。
Userware
Pdfvuer:Vue 的 PDF 浏览器,由 Mozilla 的 PDF.js 支持。
Gaurav Koley
Julien Elbaz
Dust.js 3.0:用于浏览器和服务器的异步 JS 模板化。
reveal-md:从 Markdown 文件中创建 Reveal.js 演示文稿。
Lars Kappert
Grischa Erbe
(t,i,x,y) => 'creative code golfing' — Tixy 是一个简洁且有创意的编码环境,你会得到一个简单的 16x16 的点的网格,你可以通过 JavaScript 的小片来操纵它们。Math.random()
是一个有趣的工具,推荐可以尝试使用。
Martin Kleppe