栗子前端技术周刊第 45 期 (2024.8.26 - 2024.9.1)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

技术资讯

1. Rspack 1.0[1]：Rspack 是 Rust 驱动的 JavaScript 打包工具，兼容 webpack API 和生态系统，同时还能提供数倍的性能提升。Rspack 团队认为现在 Rspack 已经为生产做好了准备，并鼓励大家使用 Rspack 尝试基于 webpack 的项目。

2. Nuxt 3.13[2]：Nuxt 3.13 版本发布，内容包括路由组、Islands 和 Head 元数据、NuxtLink 支持自定义预取触发、更好的服务器源映射等。

<template>
  <div>
    <NuxtLink prefetch-on="interaction">
      悬停/获得焦点时触发预取
    </NuxtLink>
    <!-- 注意，你可能不希望两者同时启用！ -->
    <NuxtLink :prefetch-on="{ visibility: true, interaction: true }">
      悬停/获得焦点或变得可见时触发预取
    </NuxtLink>
  </div>
</template>

3. Deno 1.46[3]：Deno 1.46 已发布，该版本是 Deno 2.0 发布前的最后一个 1.x 版本。内容包括更简洁的 CLI 命令、deno serve 运行速度提升、deno fmt 格式化命令支持 HTML, CSS, YAML 等更多文件类型、可与 V8 引擎的 12.9 版本一起使用等等。

# format HTML
deno fmt --unstable-html index.html

# format CSS/SCSS/Sass/Less
deno fmt --unstable-css styles.css

# format YAML
deno fmt --unstable-yaml config.yml

4. TypeScript 5.6 RC[4]：TypeScript 5.6 RC 发布，相比于上次的 5.6 Beta 版本，5.6 RC 内容包括恢复了 TypeScript 语言服务搜索 tsconfig.json 文件的方式、多个新类型进行了重命名、构建模式新增了一个名为 --stopOnBuildErrors 的标记等。
5. Material UI v6[5]：Material UI v6 版本正好赶上了其首次 git 提交后的 10 周年纪念，该版本重点改进了主题设计、配色方案管理、容器查询和 React 19 支持。
6. CSS 2024 现状调查[6]：CSS 2024 现状调查开始了，内容包括布局、色彩、排版、可访问性等内容，有兴趣的可以去填写问卷。

技术文章

1. Implementing React From Scratch[7]: 从零开始实现 React - 文中作者将带你从零开始实现 React，内容包括 JSX、Hook 等。
2. How to Create an NPM Package in 2024[8]：在 2024 年如何创建一个 NPM 软件包 - 听起来很简单，但如果你想遵循最佳实践，就需要很多步骤才能实现一个规范的 NPM 包。
3. 关于请求这件小事[9]：作者从实际案例出发，介绍了相似请求下的合并请求、不同请求展示最新的结果、不同请求下的并发请求这三个开发场景和对应的解决方案。

开发工具

1. Calendar.js[10]：具有拖放功能的日历控件 - 一个无其他依赖的响应式日历，完全支持拖放。

2. json-viewer 3.5[11]：以可读、用户友好的方式显示 JSON 数据。

3. npm-check-updates 17.0[12]： 支持将 package.json 中的依赖库更新到最新版本，它包含一个方便的 -i 交互模式，让你可以一个个的确认要升级的库。

感谢 PDieE 提供的 Nuxt 3.13 资讯翻译，链接：https://juejin.cn/post/7407447825145298979

以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

欢迎关注微信公众号：栗子前端

参考资料

[1] Rspack 1.0: https://rspack.dev/blog/announcing-1-0

[2] Nuxt 3.13: https://juejin.cn/post/7407447825145298979

[3] Deno 1.46: https://deno.com/blog/v1.46

[4] TypeScript 5.6 RC: https://devblogs.microsoft.com/typescript/announcing-typescript-5-6-rc/

[5] Material UI v6: https://mui.com/blog/material-ui-v6-is-out/

[6] CSS 2024 现状调查: https://survey.devographics.com/zh-Hans/survey/state-of-css/2024

[7] Implementing React From Scratch: https://www.rob.directory/blog/react-from-scratch

[8] How to Create an NPM Package in 2024: https://www.totaltypescript.com/how-to-create-an-npm-package#34-create-a-source-file

[9] 关于请求这件小事: https://juejin.cn/post/7406547615091802122

[10] Calendar.js: https://github.com/williamtroup/Calendar.js

[11] json-viewer 3.5: https://github.com/TexteaInc/json-viewer

[12] npm-check-updates 17.0: https://github.com/raineorshine/npm-check-updates