全部 / 前端 / 前端周报 / 技术 · 2023年6月11日 0

前端黑板报 – 周报第 12 期

🔥 本周最热

Polywasm:在JS环境中运行WASM的polyfill——esbuild的创建者带着新鲜的东西回来了:一个使用实时翻译的polyfill,能够在JS环境中运行 .wasm 个文件,这些环境要么缺少WebAssembly实现,要么被禁用。您可以看到它在这个特殊版本的esbuild游乐场中的表现。

https://github.com/evanw/polywasm

宣布 TypeScript 5.1 — 这个静态类型化 JavaScript 超集的发布是向前迈出的温和的“生活质量”一步,而不是一场特色盛会,但我们支持对 JSX 标签名称的链接编辑、命名空间的 JSX 属性、为 getter 和 setter 提供不相关类型的能力,以及 undefined 返回函数不再需要显式 return 。

https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/

如何使用Node.js和Next通过SMS和电子邮件发送密码重置 – 当您构建Web应用程序时,需要决定如何处理用户和身份验证。有许多服务和库可供选择,正确的选择将取决于您正在构建的内容的要求。

https://www.courier.com/blog/how-to-send-password-resets-via-sms-and-email-using-node-js-and-next-js/?utm_campaign=q2-fy23-cooper-press&utm_source=email&utm_medium=javascript-weekly-06-08&utm_content=next-js-send-sms-blog

NakedJSX:在没有 React 的情况下使用 JSX — 如果你喜欢 JSX 并希望使用它来帮助生成静态 HTML,而无需使用 React 本身,这个命令行工具适合你。它甚至提取作用域CSS类并对其进行重复数据删除。

https://nakedjsx.org/

Dan Abramov 从头开始重建 React Server Components — 在面对大量关于服务器组件的问题后,Dan 开始通过从头开始重新实现 RSC 的基本形式来从头开始编写涵盖所有内容的系列文章。它不是针对日常的 React 开发人员,而是针对那些想要了解 RSC 背后想法的人。

https://github.com/reactwg/server-components/discussions/5

📝 文章&教程

为什么(以及如何)你应该用TypeScript编写WebAssembly——性能是作者的主要论点,他展示了Wasmati,这是一个通过使用与WASM操作相对应的API编写TypeScript来创建WebAssembly模块的库。它适用于现代浏览器,Node和Deno。

https://www.zksecurity.xyz/blog/posts/wasmati/

反引号字符串可能是适合您工作的错误工具 — Mattie 说,尝试使用 JavaScript 的模板字符串将查询字符串放在一起太常见了,这会导致潜在的注入问题。幸运的是,还有另一种方法。

https://spin.atomicobject.com/2023/06/05/javascript-backtick-strings-wrong/

Painless WebGPU Programming with taichi.js — taichi.js 是一个 GPU 计算框架,可将 JavaScript 函数转换为可并行化的 WebGPU 计算着色器。您可以在此处观看使用生命游戏的现场演示。

https://betterprogramming.pub/painless-webgpu-programming-with-taichi-js-afa43c7adb2e

⚒️ 代码&工具

Algolia AutoComplete:一个快速、功能齐全的自动完成库 – 这不是一个UI小部件 – 你可以完全控制呈现体验 – 但这将让你连接你希望用户拥有的体验。有一个入门教程和一个 CodeSandbox 演示,您可以在其中使用一些实时代码。

https://github.com/algolia/autocomplete#readme

pgsql-ast-parser 11.1:一个简单的SQL解析器 – 基于TypeScript的Postgres SQL语法解析器,可以为大多数查询生成类型化的AST(不支持PL / pgSQL)。它被用作作者的pg-mem项目的一部分,该项目在Node或浏览器中提供了一个迷你的“内存中”Postgres克隆(这是一个现场演示)

https://github.com/oguimbal/pgsql-ast-parser

Goxygen 0.4:为JS项目快速生成go(lang)后端 – 一个工具,用于设置一个新的基于Go的项目,前端有Angular,React或Vue,Docker和DockerCompose文件来启动它。它已经存在了几年,但现在添加了 Vue 3.3 支持和基于 Vite 的 Vue 模板。

https://github.com/Shpota/goxygen

🚀 版本发布

Noble Curves 1.1
↳ 审计椭圆曲线密码学库。

Taxi 1.3 出租车 1.3
↳ 为网站添加流畅的 PJAX 导航。

Inngest 2.0
↳ 使用 TypeScript 构建无服务器作业系统。

TinyBase 3.2
↳ 本地优先应用的反应式数据存储。

React Arborist 3.1
↳ 完整的树视图组件(演示)。

Alova 2.6
↳ 请求 Vue、React 和 Svelte 的策略库。