#11松桑前端后花园周刊-React Compiler开源、Remix合并、zx8.1、Node22.2、storybook8.1、homepage

232 阅读3分钟

⚡️行业动态

React Compiler 开源

2024 React Conf 中,React 开源了 React 尚在实验阶段的编译器,它通过理解 JavaScript 语义和 React 规则,能够实现在构建阶段时能够自动优化代码。你可以通过 React Compiler playground 来体验。

Deno 标准库已迁移到 JSR

Deno 可以直接import 远程npm包,Deno标签库之前是通过 deno.land/std 引入,现已迁移到 JSR可直接通过deno add @std/fs @std/path方式引入使用。

Remix 合并到 React Router

React 计划将 Remix v3 内容将在 React Router v7 版本发布。

📆发布

zx 8.1

Google 改进 Node shell 脚本的工具。现在支持 CommonJS 和 ESM,增加了 Node 版本支持和 Deno 1.x 支持。

Node v22.2.0

Node22 取代Node21作为 current 版本,根据Node规划日历将在今年10月份设置为长期稳定(LTS)版本。

Storybook 8.1

Storybook 是一个用于 UI 开发、测试和生成文档的工具库,支持主流的前端框架和元框架。

📒文章

编写 JSDoc 风格的文档的最佳实践

当你在开源社区贡献代码、发布npm包时,完整简洁的文档是必不可少的。Deno 团队演示了 JSDoc 的最佳实践,并阐述了JSDoc 和 JSR 联动生态:当您在代码中编写 JSDoc 风格的注释并将其发布到 JSR 时,它将出现在 JSR、 VSCode 工具提示和自动完成以及deno doc输出中的包文档页面上。

如何利用 Promise.withResolvers 优雅创建 Promise

Promise.withResolvers 提案现在处于第4阶段,作为new Promise替代写法,它可以直接创建 Promise,作者通过几个例子说明了它的优势以及如何优雅使用。

使用 Bun 和 TypeScript 动态更新你的 GitHub 主页

GitHub 支持修改 README 文件来个性化展示个人主页,有很多创造性的 Github 主页。博主提供了一种动态更新Github主页思路,如果您希望你最新的博客文章、统计数据或其他信息来动态更新,那么您可以使用JavaScript 和 GitHub Actions 来做到这一点。

🔥开源项目

homepage-高度定制、可自托管的导航页(Star 16.5k、Fork 937)

一个完全静态的、快速的、安全的、高度可定制的导航页,集成了100多种服务。通过 YAML 文件或 Docker 能轻松配置。

💻网站

Web 平台信息中心

在 Google I/O 大会上,Google 团队发布了 Web Platform Dashboard (上图) ,网站按照 Baseline 排序,能够清晰晰看出各浏览器对 Web 新功能的支持情况。

🌅CSS WEEKLY

关于 CSS 特异性的一系列误解

CSS 特异性是语言的核心概念,作者列出了一系列对特异性误解的概念。

💎资源

国外程序员在 stackoverflow 推荐的程序员必读书籍

stackoverflow 推荐程序必读书籍中文翻译版。2008年8月4日,StackOverflow 网友 Bert F 发帖提问:哪本最具影响力的书,是每个程序员都应该读的?很多程序员响应,他们在推荐时也写下自己的评语,作者按推荐数介绍了前30的经典书籍。