前端周刊第十七期


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

大事件

  • 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:您可以在此处进行测试

发表评论

相关文章