关于前端:前端周刊第十七期

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
如果外链不能拜访，关注公众号 前端每周看，外面有解决办法

大事件

• 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：您能够在此处进行测试。