wjq990112 / weekly Goto Github PK

上周五 WindiCSS 带来了全新的 v3.4.0 版本，对齐了 Tailwind v3 中的许多实用工具。

Release：Release v3.4.0 · windicss/windicss

一个统一的 JavaScript 构建系统，具有以下特性：

1. 经过优化的 bundler：基于 Rollup 的 bundler，支持 TypeScript 并支持生成 commonjs 和 ES modules 两种格式 + 类型声明
2. bundleless：集成 mkdist，用于单文件转译生成 bundleless 产物
3. 通用类型生成器：集成 untyped
4. &etc.

GitHub Repo：unjs/unbuild: An unified javascript build system.

MDN 改版，新文档焕然一新。

文章从 Svelte 的编译产物入手，详细介绍了 Svelte 的工作原理，清晰易懂。

原文链接：简单好懂的Svelte实现原理

文章通过 case by case 的方式讲解了 TypeScript 中的各种类型收窄，其中一段关于类型判断式的代码示例非常值得学习！

function isFish(pet: Fish | Bird): pet is Fish {
  return (pet as Fish).swim !== undefined;
}

通过类型判断式的方式，能够有效解决 TypeScript 类型推导错误的问题，在编码阶段即可发现代码问题。

例如：

interface Fish {
  swim: () => void;
}

interface Bird {
  fly: () => void;
}

function isFish(pet: Fish | Bird): pet is Fish {
  return Boolean((pet as Fish).swim);
}

function petFuncCall(pet: Fish | Bird) {
  if (isFish(pet)) {
    // pet: Fish
    pet.swim();
  } else {
    // pet: Bird
    pet.fly();
  }
}

如果 isFish 方法的返回值定义不为 pet is Fish，而是 boolean，则 TypeScript 就无法做出正确的类型推导：

Playground：TypeScript Playground

原文链接：TypeScript 系列之 Narrowing - 知乎

一个命令行智能提示工具，支持 Git、文件系统、NPM、K8S、Docker、SSH 等众多 CLI 工具。

Home Page：Fig
GitHub Repo：withfig/autocomplete: Fig adds autocomplete to your terminal.

原文链接：TypeScript 之 More on Functions

在为 Web 开发者提供服务的垂直领域上，Vercel 应该是 No. 1 了，回顾 Vercel 的发展历程，也见证了 Web 的蓬勃发展：

2016.04：发布 Now（CLI + 平台）
2016.10：Next.js 1.0
2017.03：Next.js 2.0
2017.08：Next.js 3.0
2017.10：Next.js 4.0
2018.02：Next.js 5.0
2018.05：Next.js 6.0，25000 stars
2018.11：Now 2.0
2019.04：支持本地模拟运行
2020.04（A 轮）：估值不明，融资 2100 万美元，从 Zeit 改名 Vercel
2020.12（B 轮）：4.5亿刀估值，融资 4000 万美元
2021.06（C 轮）：11亿刀估值，融资 1.02 亿美元
2021.10：发布 Next.js 12
2021.11（D 轮）：25亿刀估值，融资 1.5 亿美元

希望 Vercel 能够带着 Make The Web. Faster 的愿景，继续为开发者提供更多更优质的服务。

Twitter：Announcing our $150M Series D.

Test

测试一下
Link：alibaba/rax

本月 16 日，React 官方发布 Twitter 宣布 React 18 由 Alpha 阶段进入 Beta 阶段：

原文链接：Thanks to the incredible efforts of the React 18 Working Group, we're upgrading the stability of the React 18 release from Alpha to Beta!