前端周刊第十七期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
<span style="color:red;">如果外链不能访问，关注公众号前端每周看，里面有解决办法</span>

大事件

• JavaScript 框架的四个时代——虽然考虑到作者的经验，2012 年之前的历史有点模糊，但这是一个很好的回顾，试图将 JavaScript 框架的历史分解为四个时代，每个时代都建立在之前的基础之上。

• 从头开始构建 JavaScript Bundler ——你已经构建了一个待办事项列表，你已经构建了一个静态站点生成器.. 甚至可能是一个测试框架？Christoph 以他在构建 Jest、Yarn 和 MooTools 方面的角色而闻名，他将我们带到了下一步：构建捆绑器。

• Jest 28：JS 测试变得更轻、更快、更高效—— Jest是最流行的 JS 测试框架和 v28 包之一：跨多台机器的分片测试、GitHub Actions 报告器、改进对包入口点的支持exports，以及更多的。

• 前端领域的 “干净架构”—— 它是一种非常方便的方案，可以帮助你解耦你的代码。让层、模块和服务尽量独立。不仅可以独立发布、部署，还可以让你从一个项目迁移另一个项目的时候也更加容易。

文章

1. 一个团队如何使用 Webpack 将启动时间减少 80% — 诚然，这个团队从一个相当低效的起点开始，例如在生产中使用 ts-node，但这篇文章包含许多团队可以理解的经验或发现。

2. Matt Pocock 的 TypeScript Tips and Tricks — Matt最近因其有用的 TypeScript 推文和视频而在 Twitter 上建立了良好的声誉，因此很高兴看到他与 Burke Holland 一起深入挖掘 VS Code YouTube 频道。55 分钟，但如果你是 TypeScript 用户，你会学到一些东西。

3. Node 18 的“仅前缀”核心模块解释 - 看看一种新型的核心模块，它不能像其他模块一样被导入，例如import test from 'node:test'.

框架发布

1. React 18.1 – 一个修复错误版本。
2. 用于 Storybook 的 Figma 插件- 现在 GA。
3. RxDB 12.0 – 离线优先的反应式数据库系统。
4. Postgres.js 3.1 – 高性能 PostgreSQL 客户端库。
5. Faker.js 6.2.0 – 假数据生成器。
6. Peaks 2.0 - 用于与音频波形交互的 UI 组件

代码和工具

1. Remotion 3.0：在 React 中“编写”视频：Remotion让您可以使用您的 React 技能通过在代码中编写您想要发生的事情来创建视频，Remotion 处理渲染和编码。此视频内置 Remotion，展示了一种新的基于 AWS Lambda 的无服务器渲染机制。

2. Frappe Gantt：一种开源 JavaScript 甘特图控件： 甘特图通常用于项目管理中，以显示在时间线上分布的活动之间的进度和联系。此页面上有一个现场演示，或者您可以前往GitHub 存储库。

3. htmlparser2 8.0：一个“快速且宽容”的 HTML 和 XML 解析器：使用文档并调用回调，但它也可以生成 DOM。这里有一个现场演示。适用于 Node 和浏览器。

4. https://github.com/ruilisi/fortune-sheet：现在还处于早期阶段，但这看起来很有希望。当然有现场演示。

5. React 响应式分页：智能分页组件：一个响应式 React 分页组件，它智能地呈现到可用宽度。你可以在这里现场试用。

6. Emoji Mart 5.0：用于 Web 的可自定义 Emoji Picker：您可以在此处进行测试。