前端周刊每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，关注公众号前端周刊，里面有解决方法。JavaScript框架的四个时代——虽然考虑到作者的经历，2012年之前的历史有点模糊，但它是一个很好的回顾，试图将JavaScript框架的历史分解为四个时代，每个时代都建立在到来的基础上前。从头开始构建JavaScriptBundler-你已经构建了一个待办事项列表，你已经构建了一个静态站点生成器……甚至可能是一个测试框架？Christoph以其在构建Jest、Yarn和MooTools方面的作用而闻名，他带领我们进入下一步：构建捆绑器。Jest28:JSTestingMadeLighter,Faster,MoreEfficient-Jest是最受欢迎的JS测试框架和v28包之一：跨多台机器的分片测试、GitHubActions报告器、对包入口点的改进支持导出等。前端世界中的“清洁架构”——这是一个非常方便的解决方案，可以帮助您解耦代码。使层、模块和服务尽可能独立。它不仅可以独立发布和部署，还可以让您更轻松地从一个项目迁移到另一个项目。文章Howoneteamcutstartuptimeby80%usingWebpack-不可否认，这个团队从一个相当低效的起点开始，比如在生产中使用ts-node，但这篇文章包含了团队可以理解的许多经验或发现。MattPocock的TypeScript提示和技巧——Matt最近因其有用的TypeScript推文和视频在Twitter上建立了良好的声誉，所以很高兴看到他与BurkeHolland一起深入VSCodeYouTube频道。55分钟，但如果你是TypeScript用户，你会学到一些东西。Node18的“prefix-only”核心模块解释-看一下不能像其他模块一样导入的新型核心模块，例如从“节点：测试”导入测试。框架发布了React18.1-错误修复版本。Storybook的Figma插件-现在是GA。RxDB12.0-离线优先的反应式数据库系统。Postgres.js3.1-高性能PostgreSQL客户端库。Faker.js6.2.0-假数据生成器。Peaks2.0-用于与音频波形交互的UI组件代码和工具Remotion3.0：在React中“编写”视频：Remotion允许您使用React技能通过在代码中编写您想要发生的事情来创建视频，Remotion处理渲染和编码。这个内置Remotion的视频演示了一种新的基于AWSLambda的无服务器渲染机制。FrappeGantt：一个开源的JavaScript甘特图控件：甘特图通常用于项目管理，以显示分布在时间轴上的活动之间的进度和联系。此页面上有一个现场演示，或者您可以前往GitHub存储库。htmlparser28.0：一个“快速而宽容”的HTML和XML解析器：消费文档并调用回调，但它也可以生成DOM。这是一个现场演示。适用于Node和浏览器。https://github.com/ruilisi/fortune-sheet：现在还处于早期阶段，但这看起来很有希望。当然还有现场演示。ReactResponsivePagination:SmartPaginationComponent：一个响应式React分页组件，可以智能地渲染到可用宽度。您可以在这里现场试用。EmojiMart5.0：可自定义的Web表情符号选择器：您可以在此处进行测试。
