栗子前端技术周刊第8期 - Redux Toolkit 2.0、Astro 4.0、Storybook 7.6...

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

📰 技术资讯

Redux Toolkit 2.0、Redux 5.0 和 React-Redux 9.0： Redux、React-Redux、Redux Toolkit 和 Reselect 的最新重要版本发布。其中有大量新功能、性能改进、更小的包大小以及过时功能的移除。Github 上还提供了 RTK 2.0 和 Redux 5.0 迁移指南，详细介绍了这些变化。
Astro 4.0：内容网站框架 Astro 新的重要版本刚刚发布，包括新的开发工具栏、自动 i18n 路由、新的视图转换 API 等。此外，还试验性地增加了内容缓存功能。升级非常简单，对于大多数人来说，只需使用 npx @astrojs/upgrade 即可。
Storybook 7.6：Storybook 新版本中 webpack 项目的启动时间缩短了 "50% 或更多"，实验性支持 SWC（Speedy Web Compiler），新的 "测试构建模式"，新的基于 Vitest 的测试库等等。
Node's GitHub repo: NodeJS Github 仓库 star 数已超过 100k。

📒 技术文章

Taking Care Beyond Code：前端开发人员的 7 项最佳设计实践 - 如果前端工程师没有考虑到设计的重要性，用户体验就会受到影响。这篇文章强调了整体方法的重要性，并提供了一些要点和最佳实践。
The Complete Puppeteer Cheatsheet - 如果你想通过 JavaScript 控制无头 Chrome 浏览器，Puppeteer 就是你的最佳选择。

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('<https://example.com>');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

实战篇：带着大家用鸿蒙 HarmonyOS 做项目：HarmonyOS 开发是最近比较热门的话题，前端开发们赶紧学起来。
Web Components 的前世今生：文中介绍了 Web Components 的历史、概念和开发。

🔧 开发工具

ClassyFont：为字体生成 CSS 的在线工具。

TSDiagram：使用 TypeScript 快速绘制图表，通过顶层类型别名和接口定义数据模型，它能以高效的方式自动布局。

Timenames：为一天中的每一秒起一个独特的名字 - 作者有一个应用程序，希望在不直接使用时间的情况下创建更有趣的独特文件名。这里有一个实时演示，展示了这些名称的实际使用情况。

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