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

技术资讯

1. Vue 3.5[1]：Vue 3.5 是个小版本，不包含任何破坏性更改，版本内容包括：响应式系统优化，实现了更好的性能和显著的内存使用优化（减少 56%）；响应式 Props 解构；SSR 改进；懒加载水合等等。
2. Node.js v22.8.0[2]：此版本添加了新的 API module.enableCompileCache()，可在运行时将相关模块缓存到本地；支持了 --experimental-test-coverage 标志，支持在进程成功退出前要求代码覆盖率达到特定阈值。
3. Astro 4.15[3]：Astro 4.15 已发布，该版本稳定了 Astro Actions - 在客户端类型安全地调用和定义后端函数。此外还包括：Astro DB 中对 libSQL 远程的支持、新增超时选项 client:idle 等。

技术文章

1. How to Use React Compiler[4]：如何使用 React Compiler - React 19 中的 React Compiler 功能颇受关注，本文涵盖了入门所需的大部分内容，将带你了解 React Compiler 如何优化你的 React 应用。
2. CSS3 最强布局 - Grid 布局[5]：Grid 布局，相比于 Flex 布局使用率可能没那么高，但是在特定场景下会比 Flex 好用。
3. Rspack 与 Rolldown：下一代前端打包工具的巅峰对决[6]：在前端开发的舞台上，高效的打包工具如同璀璨的明星，照亮着开发者前行的道路。本文将深入对比两款备受瞩目的工具 —— Rspack 和 Rolldown，探寻它们各自的独特魅力和优势。

开发工具

1. jsdiff 6.0[7]： 对比两个 JavaScript 文本的差异。

2. style-observer[8]：CSS 样式变化监听库，可为 CSS 属性值的变化添加 JavaScript 回调。

3. Faker 9.0[9]：生成模拟数据，用于开发和测试。

import { faker } from '@faker-js/faker';

export function createRandomUser() {
  return {
    userId: faker.string.uuid(),
    username: faker.internet.userName(),
    email: faker.internet.email(),
    avatar: faker.image.avatar(),
    password: faker.internet.password(),
    birthdate: faker.date.birthdate(),
    registeredAt: faker.date.past(),
  };
}

export const users = faker.helpers.multiple(createRandomUser, {
  count: 5,
});

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

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

参考资料

[1] Vue 3.5: https://blog.vuejs.org/posts/vue-3-5

[2] Node.js v22.8.0: https://nodejs.org/en/blog/release/v22.8.0

[3] Astro 4.15: https://astro.build/blog/astro-4150/

[4] How to Use React Compiler: https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/

[5] CSS3 最强布局 - Grid 布局: https://juejin.cn/post/7409110408991522827

[6] Rspack 与 Rolldown：下一代前端打包工具的巅峰对决: https://juejin.cn/post/7410632177824399386

[7] jsdiff 6.0: https://github.com/kpdecker/jsdiff

[8] style-observer: https://github.com/bramus/style-observer

[9] Faker 9.0: https://github.com/faker-js/faker