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

童欧巴
3,981 阅读4分钟

美味值：🌟🌟🌟🌟🌟

口味：番茄巴沙鱼

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

技术资讯

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

  • 最常用的功能是空值合并操作符 ??

  • 采用最多的技术 esbuild

  • 最高满意度的技术 Vite

  • 最感兴趣的技术 Vite

  • 总体最受欢迎的项目是 Elm

官方结论摘要

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

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

一些建议

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

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

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

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

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

关于 State of JS，你怎么看？

2. 2021 年 Rust 官方调查结果

结果摘要

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

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

未来的挑战：

  • IDE 体验

  • 语言会过于复杂

  • 社区发展

3. Chrome 和 Firefox 版本将突破 100

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

4. GitHub 上可以画流程图了

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

5. Vue 全新文档介绍

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

技术资料

1. 深入理解 Vite 核心原理

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

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

2. 深入了解 React Native 的新架构

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

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

3. 创建一个类似 Zustand 的状态管理库(视频)

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

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

4. 新一代 JS 日期/时间 API Temporal 教程

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

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

5. 面试结束后反问面试官的话

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

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

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

好文推荐

1. 60 行代码实现 React 的事件系统

2. GitLab CI 从入门到实践

❤️爱心三连击

1.如果你觉得食堂酒菜还合胃口，就点个赞支持下吧，你的赞是我最大的动力。

2.关注公众号前端食堂，吃好每一顿饭！

3.点赞、评论、转发 === 催更！

透明footer.png

avatar
文章
阅读
粉丝