【第 25 期】前端食堂技术周刊

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。

技术资讯

1. State of JS 2021 调查结果出炉[2]

• 最常用的功能是空值合并操作符 ??
• 采用最多的技术 esbuild
• 最高满意度的技术 Vite
• 最感兴趣的技术 Vite
• 总体最受欢迎的项目是 Elm

官方结论摘要

与 2016 年第一次调查相比，使用 TypeScript 的人数占比从 21% 提升到了 69%。前端框架 React 和 Vue 占据主导地位。Vite 获得了 98% 的超高满意度。许多新项目(Deno、Rome、Astro、Remix)获得了风险投资公司的支持，这或许为脆弱的开源融资环境提供了一个可行的替代方案。

随着 JavaScript 进入第三时代，有抱负的开源着和企业家的机会不断涌现，让我们一起期待未来。

• JavaScript 的第三个时代[3]

一些建议

• 尤大认为 State of JS 调查的指标存在一些缺陷[4]。

计算公式：使用 X 并将再次使用它的用户数 / 所有使用过 X 的用户数

这个公式比较有利于新的项目，但是缺失了一个考量因素：项目寿命。一些老项目会积累更多“用过但不会再用”的用户，比如 browserify、Gulp，但当时的它们是不二之选，也是前端发展历史上的重要里程碑。

人们通过排名图只是看到了模糊的趋势，而失去了细微的差别。

还有人提出，当一个项目过时或者有新版本发布时，总会有一部分人更喜欢版本 1，这样分数也会降低。

还有人戏称应该叫“炒作评级”而不是满意度评级。

关于 State of JS，你怎么看？

1. 2021 年 Rust 官方调查结果[5]

结果摘要

调查来自全球共 9354 名受访者，性能和安全是大家选择使用 Rust 的主要原因。只有 4% 的人表示他们根本没有使用过 Rust。

2021 年对 Rust 来说是最重要的年份之一，随着 Rust 基金会的成立，社区愈发繁荣。

未来的挑战：

• IDE 体验
• 语言会过于复杂
• 社区发展

1. Chrome 和 Firefox 版本将突破 100[6]

在很久以前 Chrome 版本号第一次达到 10 时，从一位数变为两位数，User-Agent 解析库发生了很多问题。文章整理了发布时间线、 Chrome 和 Firefox 为减轻影响而采取的策略以及建议采取的措施。

• Chrome 发布时间线[7]
• Firefox 发布时间线[8]

1. GitHub 上可以画流程图了[9]

GitHub 将绘图插件 Mermaid 集成进了 Markdown，终于可以画流程图啦。

• Mermaid 使用手册[10]

1. Vue 全新文档介绍[11]

• 暗黑模式
• 响应式适配移动端
• Options API/Composition API 切换
• 交互式教程
• 新的示例
• 改进的 API 搜索
• 改进的 TS 指南
• 更新了 Reactivity in Depth、Rendering Mechanism 等章节
• ...

技术资料

1. 深入理解 Vite 核心原理[12]

如果你想了解 Vite 源码级别的一些核心原理，这篇文章是个不错的入门资料。包含：

• Vite 核心流程
• 热更新原理
• 预编译原理

1. 深入了解 React Native 的新架构[13]

2022 年，React Native 将开源它们的新架构。

• Bridge 将被 JSI 取代
• 渲染系统 Fabric 将取代当前的 UI Manager
• Turbo Modules
• CodeGen

1. 创建一个类似 Zustand 的状态管理库(视频)[14]

Daishi Kato 手把手教你写一个状态管理库。

Zustand 是 2021 年 Star 增长最快的 React 状态管理库，有着优雅的 API 设计和函数式理念，而且大部分特性都属于 React 的通用特性，源码实现很精妙，看起来很爽。之前黄子毅也在社区中发表过相关的源码解读文章，非常推荐学习。

• Zustand 源码解读[15]

1. 新一代 JS 日期/时间 API Temporal 教程[16]

从 Java 抄来的 Date 缺点太多了：不支持开发人员通过 API 来切换时区信息、解析器行为不可靠、计算 API 缺失、不支持非公历。。。

TC39 找到了 momoent.js 库的作者 Maggie，由她来负责 Temporal 的核心设计，弥补了 Date 的缺陷。

1. 面试结束后反问面试官的话[17]

最近这个项目在 GitHub 上很火，整理了一些可以反问面试官的话。目前有如下部分：

• 职责
• 技术
• 团队
• 问未来同事
• 公司
• 社会问题
• 冲突
• 商业
• 远程工作
• 办公室布局
• 终极问题

可以在面试前看一看，在面试的最后给自己加加分的同时也多获取一些信息。

参考资料

[1]

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly

[2]

State of JS 2021 调查结果出炉: https://2021.stateofjs.com/en-US/

[3]

JavaScript 的第三个时代: https://www.swyx.io/js-third-age/

[4]

尤大认为 State of JS 调查的指标存在一些缺陷: https://twitter.com/youyuxi/status/1493927355399606273?s=21

[5]

2021 年 Rust 官方调查结果: https://blog.rust-lang.org/2022/02/15/Rust-Survey-2021.html

[6]

Chrome 和 Firefox 版本将突破 100: https://hacks.mozilla.org/2022/02/version-100-in-chrome-and-firefox/

[7]

Chrome 发布时间线: https://chromiumdash.appspot.com/schedule

[8]

Firefox 发布时间线: https://wiki.mozilla.org/Release_Management/Calendar

[9]

GitHub 上可以画流程图了: https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/

[10]

Mermaid 使用手册: https://mermaid-js.github.io/mermaid/

[11]

Vue 全新文档介绍: https://twitter.com/vuejs/status/1493062536228315136?s=21

[12]

深入理解 Vite 核心原理: https://juejin.cn/post/7064853960636989454

[13]

深入了解 React Native 的新架构: https://medium.com/coox-tech/deep-dive-into-react-natives-new-architecture-fb67ae615ccd

[14]

创建一个类似 Zustand 的状态管理库(视频): https://egghead.io/courses/create-a-zustand-like-module-state-library-bf55241e

[15]

Zustand 源码解读: https://zhuanlan.zhihu.com/p/461152248

[16]

新一代 JS 日期/时间 API Temporal 教程: https://juejin.cn/post/7064853912880152613

[17]

面试结束后反问面试官的话: https://github.com/yifeikong/reverse-interview-zh