前端食堂技术周刊第 34 期:Node.js v18 、Nuxt 3 RC1、Parcel v2.5.0、计算机程序的构造和解释、Linux 命令行世界生存指南
美味值:🌟🌟🌟🌟🌟
口味:朗姆牛奶
PC 端在仓库里看体验更好,顺手赏个 Star 是对食堂最大的支持。
本期摘要
Node.js v18
Nuxt 3 RC1
Parcel v2.5.0
HTTPie 是怎样失去了 54k GitHub 星星
计算机程序的构造和解释 — JavaScript 版
Mitosis 入门快速指南
为什么要使用 Redux Toolkit
JavaScript 测试教程
Linux 命令行世界的生存指南
大家好,我是童欧巴。欢迎来到本期的前端食堂技术周刊,我们先来看下上周的技术资讯。
技术资讯
Node.js 的每个 LTS 的版本代号都是以化学元素命名,按照首字母 A-Z 的顺序,这次的版本代号为 Hydrogen,翻译成中文是 "氢"。不过此版本目前还不是 LTS 版本,请勿在生产环境使用。
关于更全面的特性解读以及未来展望可以看天猪的这篇文章:Node.js 18 新特性解读
距离 Nuxt 3 Beta 版本发布已经过去了 6 个月,现在终于迎来了 Nuxt 3 的第一个 RC 候选版本,代号为 Mount Hope。你可以通过官方发布的这篇博客来了解下面这些强大的功能:
Vue3 和 TypeScript
同时支持 Vite 和 Webpack,默认使用 Vite
Nitro & UnJS
文件系统自动化(Pages、Plugins、Components、Composables、Public、Server)
Modules(Nuxt Kit)
Parcel 发布 v2.5.0,主要包括以下特性:
添加 Web Extension manifest v3 支持
支持 __dirname、__filename
对 process.env 添加 in 表达式的支持
升级 SWC 和 Parcel CSS
HTTPie 作为 GitHub 上最受欢迎的 80 个开源项目之一,拥有超过 54k 的 Star,然而由于作者的一次误操作,将仓库设为私有后,所有的 Star 都消失了,向 GitHub 官方求助后,也并没有得到帮助。
原因是 GitHub 有一个无情的设定,一旦将仓库设为私有,将会永久删除所有的 Watch 和 Star。
说回产品本身,GitHub 确实该好好优化一下用户体验了。当用户想要删除某样东西会引起较大影响时,弹窗应该准确描述其后果的严重性。使用软删除,人难免会犯错。就算是硬删除,也可以延迟执行。
下面我们来看技术资料。
技术资料
这本由麻省理工学院出版的著作终于有了 JavaScript 语言版本,可以帮助你建立对计算机程序的心智模型。
Mitosis 是一个编译时框架,允许你在 JSX 中编写组件并编译为原生 JavaScript、Angular、React、Vue 等。
“一次编写组件,到处运行”,意味着我们可以用它来创造一个跨多个框架的 UI 组件库,以更高的抽象级别编写组件,实现在不同框架之间的轻松迁移。
不仅如此,还可以将 Figma 或者 Sketch 中的设计稿转换成你想要的框架组件代码,使用 Builder.io 进行拖拽来构建 UI 并编排代码。
Redux 官方发布的这篇博客讲解了 Redux Toolkit 的 Why 和 How,并强烈推荐使用。
一句话总结:Redux Toolkit 是使用 Redux 的最佳实践。
教程包含 10 个部分,包括单元测试、快照测试、集成测试、端到端测试(E2E) 等等。
Jest 基础知识
使用 Enzyme 测试 React 组件
组件 Props 测试、mount 函数渲染、快照测试
Mock 模拟 API 调用、模拟 React 组件交互
使用 react-hooks-testing-library 测试 Hooks
使用 Cypress 进行端到端测试(E2E)
对比 React Testing Library 和 Enzyme
使用 Jest 和 React Testing Library 的 Mock 进阶
这本电子书用讲故事的方式介绍了如何生存在 Linux 命令行的世界,着眼于更宏大的视角,试着向你传授如何与命令行界面友好的相处。包括命令行基本语言、配置文件及环境、常见任务和主要工具以及 Shell 编程。
好文推荐
下面来看一下好文推荐,本周推荐的好文是:
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭。我们下期见。
版权声明: 本文为 InfoQ 作者【童欧巴】的原创文章。
原文链接:【http://xie.infoq.cn/article/24578a9c511da1d141e0adeb2】。文章转载请联系作者。
评论