请先关注 [低调大师] 公众号 优秀的自媒体个人博客,低调大师,许军

低调大师

您现在的位置是:首页>文章详情

文章详情

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

2021-09-27 34热度

🗞 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

Grid Garden

Flex Box Adventure

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

收藏 (0)

相关文章

    文章评论

    共有0条评论来说两句吧...