栗子前端技术周刊第 45 期 - Rspack 1.0、Nuxt 3.13、Deno 1.46...

644 阅读3分钟

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

📰 技术资讯

  1. Rspack 1.0:Rspack 是 Rust 驱动的 JavaScript 打包工具,兼容 webpack API 和生态系统,同时还能提供数倍的性能提升。Rspack 团队认为现在 Rspack 已经为生产做好了准备,并鼓励大家使用 Rspack 尝试基于 webpack 的项目。
rspack-v1-0-benchmark
  1. Nuxt 3.13:Nuxt 3.13 版本发布,内容包括路由组、Islands 和 Head 元数据、NuxtLink 支持自定义预取触发、更好的服务器源映射等。
<template>
  <div>
    <NuxtLink prefetch-on="interaction">
      悬停/获得焦点时触发预取
    </NuxtLink>
    <!-- 注意,你可能不希望两者同时启用! -->
    <NuxtLink :prefetch-on="{ visibility: true, interaction: true }">
      悬停/获得焦点或变得可见时触发预取
    </NuxtLink>
  </div>
</template>
  1. Deno 1.46: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
  1. TypeScript 5.6 RC:TypeScript 5.6 RC 发布,相比于上次的 5.6 Beta 版本,5.6 RC 内容包括恢复了 TypeScript 语言服务搜索 tsconfig.json 文件的方式、多个新类型进行了重命名、构建模式新增了一个名为 --stopOnBuildErrors 的标记等。

  2. Material UI v6:Material UI v6 版本正好赶上了其首次 git 提交后的 10 周年纪念,该版本重点改进了主题设计、配色方案管理、容器查询和 React 19 支持。

  3. CSS 2024 现状调查:CSS 2024 现状调查开始了,内容包括布局、色彩、排版、可访问性等内容,有兴趣的可以去填写问卷。

📒 技术文章

  1. Implementing React From Scratch: 从零开始实现 React - 文中作者将带你从零开始实现 React,内容包括 JSX、Hook 等。

  2. How to Create an NPM Package in 2024:在 2024 年如何创建一个 NPM 软件包 - 听起来很简单,但如果你想遵循最佳实践,就需要很多步骤才能实现一个规范的 NPM 包。

  3. 关于请求这件小事:作者从实际案例出发,介绍了相似请求下的合并请求、不同请求展示最新的结果、不同请求下的并发请求这三个开发场景和对应的解决方案。

🔧 开发工具

  1. Calendar.js:具有拖放功能的日历控件 - 一个无其他依赖的响应式日历,完全支持拖放。
main
  1. json-viewer 3.5:以可读、用户友好的方式显示 JSON 数据。
image-20240901104049506
  1. npm-check-updates 17.0: 支持将 package.json 中的依赖库更新到最新版本,它包含一个方便的 -i 交互模式,让你可以一个个的确认要升级的库。
175337598-cdbb2c46-64f8-44f5-b54e-4ad74d7b52b4

🌹 感谢 PDieE 提供的 Nuxt 3.13 资讯翻译,链接:juejin.cn/post/740744…

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

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