美味值：🌟🌟🌟🌟🌟
口味：草莓番茄
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
本期摘要
- Signals 是前端框架的将来
- Chrome Headless 进化成齐全体
- Next.js 13.2
- Deno 1.31
- Bun 新文档上线
- ts-reset
- TypeScript Brand type with Zod
- 字节跳动 DevOps 交付流程演进之路
- magic-regexp
大家好，我是童欧巴。欢送来到前端食堂技术周刊，咱们先来看下上周的技术资讯。
技术资讯
1. Signals 是前端框架的将来
Builder.io 的 CTO、Angular、Qwik 的作者 Miško Hevery 近日发文示意 Signals 是前端框架的将来。
尤大也在 Vue 官网上增加了 Connection to Signals 局部。将目前实现 Signals 的框架：Solid、Angular、Preact、Qwik 与 Vue 进行了一波比照。
其中 Preact 和 Qwik 的 API 设计与 Vue 的 shallowRef 相似。Solid 的 createSignal() API 设计强调了读、写隔离，裸露 getter、setter。Angular 放弃了脏查看，引入了本人的响应式实现
与 Vue 的 refs 相比，Solid 和 Angular 基于 getter 的 API 格调提供了一些乏味的衡量：
()尽管比.value写起来更省事儿，然而更新值的时候比拟啰嗦。- 没有
ref-unwrapping(解包)，拜访值总是须要()，这使得值在任何中央拜访都是统一的。这也意味着你能够将原始的 signals 作为组件的 props 传递上来。
用 Vue 的 shallowRef 和 triggerRef 也能够实现相似 Solid 和 Angular 的 API。
2. Chrome Headless 进化成齐全体
Chrome Headless 无头模式进化成齐全体，反对浏览器插件等浏览器级别的性能，利好自动化测试。
3. Next.js 13.2
- 内置 SEO 反对：Metadata API
- 自定义 Route Handlers
- 服务器组件反对 MDX
- Rust 实现的 MDX Parser
- Error Overlay 改良
- Link 类型平安 (Beta)
- 改良 Turbopack 与 Webpack loader 的兼容性 (Alpha)
- Next.js Cache (Beta)
4. Deno 1.31
- 反对 package.json
- Node-API 稳固
- 对 Node 的兼容层曾经嵌入到运行时，性能失去晋升，缩小保护老本
- 近程模块反对 npm specifiers，毋庸传入 –unstable 标记
5. Bun 新文档上线
上面咱们来看技术材料。
技术材料
1. ts-reset
TypeScript 的“CSS reset”，用于欠缺常见的 JS API 的类型。
2. TypeScript Brand type with Zod
Brand Type + 类型守卫 = 更平安的类型
Brand Type 说白了就是模仿名义子类型构造，保障代码调用的类型平安，再通过类型谓词 is 实现类型守卫做数据验证的逻辑，双重平安。(数据验证举荐应用 Zod)
3. 字节跳动 DevOps 交付流程演进之路
交付流程源于一系列事实的复杂性，如：业务、团队、技术，大公司的业务和团队会更加多元，技术也会更加简单。
看字节如何破局：通过凋谢共建的流水线体系为底座，打造业务可自定义的自动化和协同流程。
- 凋谢共建：集中兵力优化通用工具和要害链路，业务能够本人定制工具，缩小依赖，疾速达成业务指标
- 三套交付流程：自动化为特点的单服务流水线、协同视图为特点的需要交付模式和版本火车模式
- 平台层：规范的对接体系、流水线的标准化、原子服务的标准化、变量参数的标准化，对接各种基建能力
- 自动化：晋升单点自动化效率，建设自动化工具链串联起单点，优化人工和自动化的合作流程
- 流水线：API 和 Hook 能力、原子服务市场、模版市场、变量零碎、决策节点
- 以价值流为主线的协同模式：全流程模式 (自测流程、简化流程、规范流程、紧急流程)、火车模式
- 落地策略：抓住无利机会、定义足够业务收益、团结利益相干人
4. magic-regexp
符合人体工程学的正则替代品，类型平安，爽。
好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。
你的前端食堂，吃好每一顿饭，咱们下期见。