欢迎来到第 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
ts
import json from "./foo.json" with { type: "json" };
import("foo.json", { with: { type: "json" } });
export { val } from './foo.js' with { type: "javascript" };② 类型收窄优化
ts
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 将会正常工作，拥有正确的类型。
7. 一些特殊 HTTP 标头字段
文档中介绍一些不常见的 HTTP 标头字段，分使用场景进行了整理
可以收藏收藏，了解一下
😛趣图
篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）移步博客
⭐️强力推荐关注
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
- 云谦：MDH 前端周刊 - 前端资讯和分享
- 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭
- 前端RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！