分类

Posted in

JavaScript 中文周刊 #153 – Rspack v1.0：Rust 驱动的 JavaScript 打包工具_AI阅读总结 — 包阅AI

by baoyueai

包阅导读总结

1. `JavaScript`、`Rspack`、`NPM 包`、`编程语言`、`代码工具`

2. 本期 JavaScript 中文周刊主要介绍了 Rspack v1.0 这一高性能打包工具，还涵盖了创建 NPM 包、语言版本发布、教程等内容，包括 Deno 1.46、TypeScript v5.6 等，以及各种代码与工具相关的信息。

3.

– Rspack v1.0

– 由字节 Web Infra 团队开发

– 兼容 webpack API 和生态系统，性能数倍于 webpack，可用于生产环境

– 有辅助工具如 Rsdoctor

– 热点内容

– 2024 年创建 NPM 包的步骤

– Vercel 推出的 AI 驱动工具 v0 支持 Vue.js

– Deno 1.46 发布，Node 兼容性提高

– IEEE 发布年度热门编程语言列表，JavaScript 和 TypeScript 排名靠前

– 教程与趣事

– 解决 JavaScript 日期问题

– 详解 JavaScript 生成器

– 从头实现类 React 框架

– 用 JavaScript 实现 2048 游戏

– 介绍 JavaScript 中唯一被广泛认可的已弃用特性

– 用 Set 在 JavaScript 中生成唯一随机数

– 代码与工具

– TypeScript v5.6 发布候选版

– Vuestic UI v1.10 优化包大小等

– Material UI v6 改进主题等

– npm-check-updates v17.0 有交互模式

– 多个版本发布，如 Prisma v5.19 等

思维导图：

文章地址：https://mp.weixin.qq.com/s/1ngDLmD-fw9cKwom3xCvog

文章来源：mp.weixin.qq.com

作者：印记中文团队

发布时间：2024/8/30 3:56

语言：中文

总字数：1851字

预计阅读时间：8分钟

评分：84分

标签：JavaScript,打包工具,Rspack,Rust,性能优化

以下为原文内容

本内容来源于用户推荐转载，旨在分享知识与观点，如有侵权请联系删除 联系邮箱 media@ilingban.com

本期看点：Rspack 是由字节 Web Infra 团队开发的一个打包工具，它的特点是兼容 webpack API 和生态系统，同时性能是 webpack 的数倍。团队现在认为它已经可以用于生产环境，并鼓励用户在基于 webpack 的项目中尝试使用它。

编辑：TimLi

🔥 本周热点

Rspack v1.0：Rust 驱动的 JavaScript 打包工具 —— Rspack 并非仅仅是”又一个打包工具”，它的特点是兼容 webpack API 和生态系统，同时性能是 webpack 的数倍。团队现在认为它已经可以用于生产环境，并鼓励用户在基于 webpack 的项目中尝试使用它。

长按识别二维码查看原文

https://rspack.dev/blog/announcing-1-0

Rspack 贡献者

💡 Rspack 还有一系列值得关注的辅助工具，比如 Rsdoctor，这是一个用于分析和可视化构建过程的工具（适用于 Rspack 和 webpack！）

长按识别二维码查看原文

https://rspack.dev/blog/announcing-1-0#rspack-stack

2024 年如何创建 NPM 包 —— 听起来很简单，但如果你想遵循最佳实践、引入有用的工具并做到恰到好处，其中涉及很多步骤。Matt Pocock 在这里详细介绍了整个过程，如果你更喜欢看视频，还有一个 14 分钟的屏幕录像。

长按识别二维码查看原文

https://www.totaltypescript.com/how-to-create-an-npm-package

Matt Pocock

快讯：

  • 🤖 v0 是 Vercel 推出的一个 AI 驱动工具，最初用于根据你提供的提示生成基于 shadcn/ui 的 React 组件。现在，它还支持 Vue.js。

    长按识别二维码查看原文

    https://v0.dev/

  • Deno 1.46 已经发布，这可能是 1.x 系列的最后一个版本，下一步就是备受期待的 Deno 2.0。Deno 的 Node 兼容性进一步提高（现在支持 Playwright 和更多功能），并搭载了 V8 12.9。

    长按识别二维码查看原文

    https://deno.com/blog/v1.46

  • 📊 IEEE 发布了最新的年度热门编程语言列表。JavaScript 排名第三，但 TypeScript 跃升几个名次，位列第四。

    长按识别二维码查看原文

    https://spectrum.ieee.org/top-programming-languages-2024

📒 教程与趣事

JS 日期问题即将得到解决 —— 处理日期和时间一直是程序员头疼的问题，而 JavaScript 在这方面并没有做出太多改进。像 Moment.js 这样的库帮了大忙，但 Iago 介绍了 Temporal 提案及其功能将如何随着时间的推移开始提供更多帮助。

长按识别二维码查看原文

https://docs.timetime.in/blog/js-dates-finally-fixed/

Iago Lastra

JavaScript 生成器详解 —— Jan 对解释 JavaScript 生成器的文档和文章质量感到沮丧，于是决定以更高级开发者能理解的方式来解释这个概念。

长按识别二维码查看原文

https://www.reactsquad.io/blog/understanding-generators-in-javascript

Jan Hesters

从头实现一个类 React 框架 —— 虽然你可能不会真的想这么做，但至少思考这个过程可以让你更好地理解 React 引擎的工作原理。

长按识别二维码查看原文

https://www.rob.directory/blog/react-from-scratch

Robby Pruzan

▶ 如何用 JavaScript 实现 2048 游戏 —— Ania 又带来了她惯常的易于理解的 JavaScript 完整游戏实现教程。这次是滑动拼图游戏 2048。（两周前她还做了井字游戏。）

长按识别二维码查看原文

https://www.youtube.com/watch?v=RC_SglXG4Y8

Ania Kubów

📄 JavaScript 中唯一被广泛认可的已弃用特性 – 剧透：是 with。Trevor Lasn

长按识别二维码查看原文

https://www.trevorlasn.com/blog/the-only-javascript-feature-that-was-deprecated

📄 使用 Set 在 JavaScript 中生成唯一随机数 Amejimaobari

长按识别二维码查看原文

https://www.smashingmagazine.com/2024/08/generating-unique-random-numbers-javascript-using-sets/

📺 Chain React 2024 大会的 21 场演讲 – 一个 React Native 活动。YouTube

长按识别二维码查看原文

https://www.youtube.com/playlist?list=PLE7tQUdRKcyb81ybEVsrk6PfxXu7pJs1i#chainreact2024

📄 在 Vue 自定义元素中暴露内部方法 Jaime Jones

长按识别二维码查看原文

https://jai.me/blog/2024-08-21-vue-custom-element-internal-methods/

📄 React 中的接口隔离原则 Alex Kondov

长按识别二维码查看原文

https://alexkondov.com/interface-segregation-principle-in-react/

🛠 代码与工具

TypeScript v5.6 发布候选版 —— 一如既往，Daniel 提供了一个史诗级的新特性综述。不过我们下周会更多地关注它，因为最终版本预计将于下周二（9 月 3 日）发布。

长按识别二维码查看原文

Announcing TypeScript 5.6 RC

Daniel Rosenwasser (Microsoft)

Vuestic UI v1.10：Vue.js 3.0 UI 框架 —— 提供 60 个可定制和响应式组件，v1.10 版本实现了显著的包大小优化，引入了一个可以提高构建时性能的自定义编译器，以及其他一些小改进。GitHub 仓库在此。

长按识别二维码查看原文

https://ui.vuestic.dev/

Vuestic UI

Material UI v6：流行的 React UI 设计/组件系统 —— 在十周年之际，这个流行的设计系统发布了最新的主要版本。重点改进了主题、颜色方案管理、容器查询和 React 19 支持。还有一些重新设计的模板可供参考。

长按识别二维码查看原文

https://mui.com/blog/material-ui-v6-is-out/

García, Bittu, Andai 等人

npm-check-updates v17.0：将 package.json 依赖更新到最新版本 —— 这与指定版本不同。它包含一个方便的 -i 交互模式，让你可以查看潜在的升级，然后逐个选择是否升级。

长按识别二维码查看原文

https://github.com/raineorshine/npm-check-updates

Raine Revere

Code Hike v1.0：将 Markdown 转换为丰富的交互式体验 —— 针对代码演练和交互式文档等用例，Code Hike 在创建充分利用现代 Web 的技术内容时，弥补了 Markdown 和 React 之间的差距。

长按识别二维码查看原文

https://codehike.org/blog/v1

Rodrigo Pombo

Calendar.js：支持拖放的日历控件 —— 一个响应式的日历，无依赖，完全支持拖放（甚至在日历之间），并且有多种方式来管理事件，包括重复事件、导出、假期等。

长按识别二维码查看原文

https://github.com/williamtroup/Calendar.js

William Troup

版本发布：

  • Prisma v5.19 – 这个流行的 Node.js 和 TypeScript ORM 添加了”TypedSQL”，一种以类型安全的方式编写原始 SQL 查询的方法。

  • 📈 billboard.js v3.13 – 流行的 D3 图表库添加了区域阶梯范围图。

  • pnpm v9.9 – 快速、节省空间的包管理器。

  • React Email v3.0, Ember v5.11, Bun v1.1.26

  • 📊 Perspective v3.0 – 数据可视化和分析组件。核心用 C++ 编写并编译为 WebAssembly，可以从 JavaScript 中使用。他们的主页通过一个实时示例很好地展示了它。

  • json-viewer v3.5 – 以可读、用户友好的方式显示 JSON 数据。

  • ♟️ Stockfish.js v16.1 – JavaScript 国际象棋引擎。

  • jest-dom v6.5 – 用于测试 DOM 状态的 Jest 匹配器。

  • Marked v14.1 – 快速 Markdown 编译器 / 解析器。

  • Javet v3.1.5 – Java + V8。将 JS 嵌入 Java。

  • Pixi.js v8.3.4 – 快速的 WebGL 2D 引擎。

🙋🏻‍♀️ 关注我们