欢迎来到第 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 将会正常工作，拥有正确的类型。
7. 一些特殊 HTTP 标头字段
文档中介绍一些不常见的 HTTP 标头字段，分运用场景进行了整理
能够保藏保藏，了解一下
趣图
篇幅有限，如果你还没看够，可移步后面的引荐途径，持续游览，前史周刊（<20）移步博客
⭐️强力引荐重视
- 阮一峰: 科技爱好者周刊 – 记录每周值得共享的科技内容，周五发布
- 云谦：MDH 前端周刊 – 前端资讯和共享
- 童欧巴：前端食堂 – 你的前端食堂，吃好每一顿饭
- 前端RSS – 依据 RSS 订阅源抓取最新前端技能文章
- 值得一读技能博客 – 每天进步一点点，每天共享有料的技能文章！
