栗子前端技术周刊第 68 期 - 2024 React 状态调查结果、Astro 5.3、Pinia 3.0...

晓得迷路了
950 阅读2分钟

🌰栗子前端技术周刊第 68 期 (2025.02.10- 2025.02.16)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

  1. 2024 React 状态调查结果：本次调查收到了近 8000 份回复，从调查结果可以看到 forwardRef 和 memo 是 React 开发人员的两大痛点，Redux 继续在状态管理库中处于领先地位，而 SPAs 目前仍占 React 应用的大多数。

  2. Astro 5.3：Astro 5.3 带来了更快的页面渲染速度，在官方的测试中，除非页面正在查询外部 API，否则 SSR 的响应速度一般会提高 1.5-2 倍，同时 5.3 版本还支持了更简便的实验性会话（Session）设置。

  3. Pinia 3.0：Pinia 3.0 并没有发布新的功能，只是不再支持 Vue 2 和其他弃用 API，所以对于大多数用户来说，它是可以直接升级的。

  4. Node v22.14.0：Node 的最新稳定版本，一如既往地进行了大量错误修复和调整，其中值得关注的是，通过 --eval，STDIN 也可支持 TypeScript。同时还更新了 Node v20.18.3，主要内容是 JSON 模块的导入属性现已稳定。

📒 技术文章

  1. Learning How to Build Modern Web Extensions：学习如何构建现代 Web 扩展程序 - 在构建扩展程序时很容易遇到过时的文档，作者分享了构建现代 Web 扩展程序的过程并分享了一些技巧。

  2. How to start a React Project：如何在 2025 年开始一个 React 项目 - 创建 React 项目的方法有很多种，作者探讨了其中几种流行方法的利弊。

  3. 研发幸福论：从 import 顺序看代码的呼吸感：作者先指出了混乱的 import 会带来的问题，随后给出了解决方案（规范定义、自动化校验、开发流闭环）。

🔧 开发工具

  1. Style Observer：监听 CSS 属性变化，并执行相应 JS 代码。

Style Observer

  1. react-image-gallery：支持缩略图的 React 轮播组件，也支持移动端。
image-20250216125354422
  1. Flexbox Labs：用于创建 Flexbox 布局的可视化工具，内置十几种预定义布局可供选择，还有一个 Grid 布局版本在测试阶段。
Flexbox Labs
  1. FakeData：生成模拟 JSON 数据的简单应用，支持 11 个类别（用户、订单、付款等），可以编辑/删除字段，最后复制或下载 JSON 数据。
image-20250216130133323

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端

avatar
文章
阅读
粉丝