視野修煉-技術週刊第59期

粥裡有勺糖發表於2023-10-29

歡迎來到第 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 將會正常工作，擁有正確的型別。