561 期 - Next.js v12 发布了!

编辑:liu-jin-yiQC-LMatrixbird

🔥 本周热门

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.

快讯:

版本发布:

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

用 Gatsby 函数构建 API。

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

Hyperactiv 0.9:超级小的反应式库。

Julien Elbaz

Dust.js 3.0:用于浏览器和服务器的异步 JS 模板化。

LinkedIn

reveal-md:从 Markdown 文件中创建 Reveal.js 演示文稿。

Lars Kappert

Cacheables:具有优雅语法的简单内存缓存。

Grischa Erbe

(t,i,x,y) => 'creative code golfing' — Tixy 是一个简洁且有创意的编码环境,你会得到一个简单的 16x16 的点的网格,你可以通过 JavaScript 的小片来操纵它们。Math.random() 是一个有趣的工具,推荐可以尝试使用。

Martin Kleppe

© 2025 印记中文 | 粤ICP备17008907号-2