【第二十六期】2022-02-26

[Geekhyt]

技术资讯

1. 2022，前端工具链十年盘点

阿里妈妈前端快爆出品，我在公众号也和一丝姐申请了转载，全文满满的信息量，一定有你不知道的知识点。

2. What's New In DevTools - Chrome 99

• WebSocket 请求支持 Slow 3G
• Application-Reporting API 新面板
• Chrome 扩展支持 sourcemap
• 控制台样式、格式和过滤器优化

3. 2022 年 Rust 编译器的野心

Rust 编译器团队在这篇博客中说明了 2022 年的 roadmap，以及希望社区里可以有更多的人参与进来贡献。

还有一个资讯是 rust-analyzer 加入 Rust 组织！

4. Ant Design Mobile 5.0 来了

• 全新体验设计
• 100% TypeScript 重写组件
• 优秀的手势库 use-gesture
• 优秀的动画库 react-spring
• CSS 变量
• 按需引入
• 77 个组件
• v2 到 v5 的迁移指南
• 计划：完善风格化能力、自动化测试、组件补充、Design Kits 发布、无障碍、底层技术探索

5. 语雀 iOS、Android 客户端上线，iOS 支持 iPad

这个标题“久等，我们来了”，建议在多加几个“久”，是 “久久久久久久久久久久等”。：）

目前功能：除了最基本的编辑能力外，支持多端同步，添加了语雀小记和切换空间。

技术资料

1. 狼叔直播 Reaction《学习指北：Node.js 2022 全解析》

我整理的狼叔直播文字版，干货很多，在保证原内容的同时，额外加入了一些相关资料和链接，方便你学习。

2. Web 框架解决了什么问题？

• Part1
• Part2

Noam Rosenthal 的系列文章，深入探讨了不同框架之间常见的一些技术特性，并解释了它们的实现原理以及成本(React、SolidJS、Svelte、Lit)，然后进一步探究如何以最小成本实现一个“框架”。

3. React.ReactNode 类型是一个黑洞

Kevin Ball 最近遇到了一个 bug，结果挖出来一个大坑，最后给出了暂时的解决方案。

4. JavaScript 原型链和继承

如果下面这张图你还画不出来的话，建议用这篇文章再好好复习一下。

好文推荐

1. 聊聊跨端技术的本质与现状

额外再补充一下，跨端技术方案千千万，保证功能一致的前提下，剩下的就是实现成本和性能之间的比拼和权衡。

• 语法编译(实现成本高，语法约束多，现在不是主流方案)
• 类小程序运行时(运行时复杂度高、性能不好，实现成本较低)
• 对接底层渲染指令(运行时复杂度低、性能好，实现成本很高)

2. TS 类型体操入门，实现 DeepKeyOf