前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号前端每周看，里面有解决办法
大事件
- Bun：一个令人兴奋、快速的新 JavaScript 运行时—— 厌倦了 Node？厌倦了德诺？绝不。但新的挑战者出现了。Bun 面向“浏览器之外”用例，围绕 WebKit 的JavaScriptCore构建，而不是 V8。一些显着的特点：
- 包括它自己的捆绑器、转译器和任务运行器。
- 有前途的表现。
- 已经支持很多 Node 和 Web API。
- 你可以使用 npm 包。
- 适用于 macOS（x86 和 Arm）、Linux 或 WSL。
- bundlejs: Online npm Package Bundler and Size Checker ——一个在线工具，可以对项目进行 treeshake、捆绑、缩小和压缩（gzip 和 brotli），并显示它们的权重。
- 如何不阻塞浏览器：要点——如果您看到文章或工具谈论从“主线程”中删除代码并想知道为什么这很重要，那么这就是您的入门读物。它涵盖了事件循环、Web Worker、异步调度以及它们如何发挥作用。
文章
- 国际象棋引擎：从零到一 — 这是对我认为不会特别有趣的东西的有趣介绍。chessboard.js和chess.js使实验变得容易。
- React 状态管理的新浪潮 — 无论如何，这不是一篇快速的文章，但提供了一个全面的概述，以及状态管理世界的一些历史和观点以及一些可用的选项。
- 使用 htmx 和 Hyperscript 重新构想前端 Web 开发 — 有趣的是，开发人员可以选择不编写 JavaScript，但仍然可以生成有用的前端。
- “我如何使用 Next.js 和 Tailwind 构建软件代理网站” — 如果您想了解其他开发人员如何以最和平、最优雅的方式工作，这个（相当长的）视频适合您。
- 使用 XState 简化您的全栈应用程序 — 状态管理是需要一段时间才能真正进入的事情之一，特别是在通常与它们不相关的开发领域，但为了降低系统复杂性，这样做是值得的（以预先增加更多代码为代价）。
- 如何使用 React 18、Vite 和 Netlify 函数构建、测试和部署 Bookstore 应用程序 — 将各种现代工具汇集到实际目的中，包括在后端使用无服务器功能的在线应用程序。
- Vue 3 中使用 Vuelidate 的简单表单验证 — 毫无疑问， Vuelidate是一个验证库。
框架发布
- Node 14.20.0 (LTS) , 16.16.0 (LTS) & 18.5.0 (Current)
- Fuite 1.6 – 用于在 Web 应用程序中查找内存泄漏的工具。
- oclif 3.1 – Node.js 开放式 CLI 框架。
- Notion SDK for JS 2.0 – 官方 Notion JavaScript 客户端。
- Tabulator 5.3 - 交互式表格和数据网格控件。
- Preact 10.9 – 向 React 18 的新钩子问好（除了useId）。
- Perspective 1.5.1 – 通过 WebAssembly 进行快速数据可视化。
代码和工具
- Big Calendar 1.x：一个类似 GCal/Outlook 的 Calendar React 组件： 使用 flexbox 来提高响应能力。
- PocketBase: A Backend in a Single Binary：一个有趣的项目，可以在许多场景中取代 Firebase。它是用 Go 编写的，但最终充当前端 JavaScript 应用程序的后端。它使用 SQLite，您还可以获得一个内置的管理仪表板，其中包含文件和用户管理。
- ProtoScript：Protocol Buffers 运行时和代码生成工具：运行时比 Google 的要小很多，并且代码生成器生成惯用的 JavaScript，并带有 JSON（反）序列化器和 TSDoc 注释。
- Deprank：使用 PageRank 查找代码库中的重要文件：PageRank是一种通常与 Google 过去如何对网页进行排名相关的算法，但这个想法可以适用于在任何类型的链接项目集中对事物进行排名，如此处所示。
- tsParticles：用于页面的粒子、五彩纸屑和烟花：创建可自定义的粒子相关效果以在 Web 上使用。使用常规 2D 画布获得广泛支持。
- Amplify UI for React 现已全面推出： Amplify是一种将各种 AWS 服务捆绑在一起的子平台，使它们更易于用于前端和移动项目。其中一部分是Amplify UI，一个直接连接到 AWS 云的 React 组件的集合（可以使用 Vue 和 Angular 变体）。
- Wayne：它就像 Express.js，但在 Service Worker 内部：具体来说，它是一个在 Service Worker 内部使用的路由库。
