淘系前端架构周刊：Nuxt 3 即将发布、layui 即将退出历史舞台

🗞 News

Nuxt 3 即将发布

经过漫长的等待，Nuxt 3 即将发布。Nuxt 3 进行了一次彻底的重构，对内核进行了精简，速度更快，体验更好！

新特性包括：

• 更轻量：以现代浏览器为目标的服务器部署和客户端产物最多可缩小 75 倍

• 更快：基于 nitro 提供动态代码分割能力，以优化冷启动性能

• Hybrid：增量静态生成和其他的高级功能现在都成为可能

• Suspense：在任意组件和导航前后都可以获取数据

• Composition API：使用 Composition API 和 Nuxt 3 的 composables 实现真正的代码复用

• Nuxt CLI：没有任何依赖，帮你轻松搭建项目和集成模块

• Nuxt Devtools：通过直接在浏览器中查看信息和快速修复实现更快地工作

• Nuxt Kit：具有 Typescript 和跨版本兼容性的全新模块开发

• Webpack 5：更快的构建时间和更小的包大小，无需配置

• Vite：使用 Vite 作为打包工具，体验闪电般快速的 HMR

• Vue 3：Vue 3 是你下一个 Web 应用程序的坚实基础

• TypeScript：使用原生 TypeScript 和 ESM 构建，无需额外步骤

详细信息：https://nuxtjs.org/v3/

layui 即将退出历史舞台

layui 公告：layui 官网将于 2021 年 10 月 13 日进行下线。

layui 是一款很不错的 jQuery 组件库，虽然 jQuery 在 npm 的下载量仍远高于 React / Vue，但不可否认的是在生态和社区活跃度上，React / Vue 更胜一筹。

技术也有自己的生命周期，无论怎样，浪潮退去，只要还有人记得，就有存在的价值和意义。正如公告里的结尾：请大家怀揣对 Web 前端技术的热忱，去拥抱更好的新时代，以及，所有那些值得去追求的美好事物。

📦 Open Source

Interactive Learning Tools For Front-End Developers

这是一个交互式前端学习教程，以玩游戏的形式来学习 CSS、JavaScript、React、Vim 和正则表达式等知识点，基本涵盖了前端开发者的所有技术栈。

你可以在里面以种菜的方式学习 CSS 的 Grid 布局，还可以使用在线 IDE 做 TypeScript 练习等等。

游戏都非常精致，边玩边学：

Grid Garden

Flex Box Adventure

还有非常多其他游戏，包括下面这些知识点：

合集链接：https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/

unjs/siroc

siroc 是一个零配置且可扩展的框架，用于开发 Node.js 应用程序和库。

在日常开发 Node.js 应用程序或库的时候会遇到一个痛苦的问题：需要配置各种各样的工程工具，需要编写各种各样的启动或构建脚本。这些配置一定程度上影响了编码效率，同时还可能踩很多坑。

如果你在工作中也备受这样的问题困扰，不妨试试 siroc，它为你提供了许多内置的能力，只需要配置 package.json 中一些字段，就能够在启动或构建时自动读取并使用 rollup 和 esbuild 生成你想要的产物。这些能力对 monorepo 的支持也很好，能够极大地减少配置 monorepo 的时间。

GitHub Repo：https://github.com/unjs/siroc

Nano Colors

Nano Colors 是一个比 chalk 执行速度快 2 倍、node_modules 体积小 5 倍的命令行着色工具。

特性包括：

• 简单场景下比 chalk 快 4 倍

• 无依赖：node_modules 体积比 chalk 小 5 倍

• 积极维护：很多大项目比如 PostCSS 和 Browserslist 在用

• 支持自动检测颜色：你也可以手动切换颜色模式

• 支持 Tree-Shaking：基于 ESM / CJS 两种模块化方案分别打包

• 支持 Node.js ≥ 6 并且在 Node.js 和浏览器项目中通用

GitHub Repo：https://github.com/ai/nanocolors

unjs/unplugin

unplugin 是一个为 Vite、Rollup、Webpack 等构建工具开发的统一插件系统，目前还处于实验阶段。

目前为 Vite、Rollup、Webpack 的插件封装了统一的 API 接口，基于统一的 API 接口自动生成 Vite、Rollup、Webpack 的插件。

用法也非常简单易懂：

GitHub Repo：https://github.com/unjs/unplugin

Tailwind Mobile

基于社区热门的 Atomic CSS 方案 Tailwind CSS 实现的一个移动端组件库，支持 iOS 和 Material Design 两种主题风格，同时与框架解耦，支持在不同的框架中使用。

Home Page：https://tailwind-mobile.com/

📑 Article

Tubi 工程师文化

文章从为什么要讨论工程师文化这个问题入手，介绍了 Tubi 技术团队的六大文化，在技术团队建设方面提供了很多值得学习的内容。

原文链接：https://mp.weixin.qq.com/s/p_em5wfzhnZGnH4cd16pcQ

Rome will be written in Rust 🦀

文章对比了 JavaScript / TypeScript 和 Rust 在 Rome 中的优劣，讲解了从产品、技术和团队的角度进行分析，最终决定将 Rome 迁移至 Rust 的整个决策过程。其中对于技术选型的思考和权衡很值得学习！

原文链接：https://rome.tools/blog/2021/09/21/rome-will-be-rewritten-in-rust