前端食堂技术周刊第 79 期：Storybook 7.0、React, Visualized 教程

美味值：

口味：湄潭翠芽

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

本期摘要

• Chrome 113 DevTools
• Storybook 7.0
• Bytes 发布 React, Visualized 教程
• RFC: Angular Signals
• 前端测试一共有哪几种？
• WebAssembly 常用开发语言和工具链
• 前端应该了解的字符编码
• 前端性能提升实践指南

大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1. Chrome 113 DevTools

主要特性如下：

• 覆盖响应头
• Nuxt、Vite、Rollup 调试优化
• Recorder 面板添加断言功能
• Elements 中 Styles 面板功能优化
• 新的控制台设置，按回车自动完成建议

2. Storybook 7.0

主要特性如下：

• 一流的 Vite 支持
• 零配置支持 NextJS 和 SvelteKit，由新的 Frameworks API 驱动
• Component Story Format 3 更好的类型安全
• 文档翻新，支持 MDX2、优化文档块
• UI 设计更新
• 改进交互测试和测试覆盖率
• 通过预打包和生态系统 CI 提高稳定性
• 各个层面有数百项改进

下面我们来看技术资料。

技术资料

1. Bytes 发布 React, Visualized 教程

精美的交互式、可视化 React 教程，包含 React 诞生背景、React 之道、状态管理、渲染、副作用等内容。

2. RFC: Angular Signals

关于 Angular Signals 的 RFC，社区的讨论非常热烈。

3. 前端测试一共有哪几种？

这些测试类型之间的区别可能并不重要，重要的是它们会给开发者足够的信心去改以前的代码和实现新业务。

4. WebAssembly 常用开发语言和工具链

本文介绍了当前 WebAssembly 生态中比较流行的开发语言和工具链，并提供相关应用场景的介绍。

5. 前端应该了解的字符编码

一次性把抽象字符库、编码字符集、字符编码形式和字符编码方案讲通透。

6. 前端性能提升实践指南

本文介绍了一个前端项目优化的详细过程，从优化前的问题分析，到具体的优化措施，最终实现将前端性能提升了近 3 倍。

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。