视野修炼-技术周刊第59期

欢迎来到第 59 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

🔥强烈推荐

Yarn 4.0 正式发布，性能大幅提升！
JSDoc 真能取代 TypeScript？
页面Loading加载动画合集

🔧开源工具&技术资讯

Spacedive - 开源的跨平台资源管理器
2024 React 生态系统展望
TypeScript 5.3 beta
一些特殊 HTTP 标头字段

也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）

下面开始本期内容的介绍，预计阅读时间 6 分钟。

🔥强烈推荐

1. Yarn 4.0 正式发布，性能大幅提升！

10.23 日，Yarn 4.x 发布。

新的官网如下 看上去档次高了

安装的话，官方推荐使用 corepack 安装（才知道这个是 Yarn 与 Node.js 合作开发的）

Corepack 是随 Node.js 16+ 一起提供的工具，它会根据你正在处理的项目自动选择正确的包管理器版本（管理包管理工具的工具🤭）

大部分场景能和pnpm打个平手了（不过感觉推出有点迟了，pnpm已经推得很广了）

2. JSDoc 真能取代 TypeScript？

先说结果：JSDoc 确实可以替代 ts，但是其只是另一种使用 ts 的方式

印象中社区里最开始抛出放弃的TS的是 Svelte

但类型的问题始终需要解决，JSDoc 只是方便了 JS 文件可以使用TS的检查能力

转个知乎的讨论图，可以看一下使用 JSDoc 的代码

书写起来并没有TS方便

3. 页面Loading加载动画合集

该网站收集各种 CSS 的页面加载特效，收藏起来备用！

🔧开源工具&技术资讯

4. Spacedive - 开源的跨平台资源管理器

基于 Rust 和 Tauri 实现

喜欢尝鲜的可以试一试，UI 还不错 还没深度使用

5. 2024 React 生态系统展望

文章对 2024 年的 React 生态系统进行展望，包括状态管理、表单处理、测试、样式和组件库等。

路由：React Router，React Query，Next.js
状态管理：Redux Toolkit，Zustand
表单：Formik，React Hook Form
测试：Vitest...

emmm，和当下国内的企业生产开发所用的还是有很大差别

6. TypeScript 5.3 beta

beta 版本与正式版本通常不会有明显的差异

主要的内容包括支持了两个 TC39 提案以及数个类型收窄相关的优化。

① Import Attributes

import json from "./foo.json" with { type: "json" };

import("foo.json", { with: { type: "json" } });

export { val } from './foo.js' with { type: "javascript" };

② 类型收窄优化

switch (true) {
  case typeof x === 'string':
    // 'x' is 'unknown' here.
    console.log(x.toUpperCase())
  case Array.isArray(x):
    // 'x' is 'unknown' here.
    console.log(x.length)
  default:
    // 'x' is 'unknown' here.
}

现在这种 switch 语句中的 case 分支种的x 将会正常工作，拥有正确的类型。