资讯专栏INFORMATION COLUMN

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

NusterCache / 2466人阅读

摘要:即将发布经过漫长的等待,即将发布。是一款很不错的组件库,虽然在的下载量仍远高于,但不可否认的是在生态和社区活跃度上,更胜一筹。

???? 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 构建,无需额外步骤

详细信息: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

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

合集链接:www.smashingmagazine.com/2021/09/int…

unjs/siroc

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

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

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

GitHub Repo:github.com/unjs/siroc

Nano Colors

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

特性包括:

  • 简单场景下比 chalk 快 4 倍
  • 无依赖:node_modules 体积比 chalk 小 5 倍
  • 积极维护:很多大项目比如 PostCSSBrowserslist 在用
  • 支持自动检测颜色:你也可以手动切换颜色模式
  • 支持 Tree-Shaking:基于 ESM / CJS 两种模块化方案分别打包
  • 支持 Node.js ≥ 6 并且在 Node.js 和浏览器项目中通用

GitHub Repo:github.com/ai/nanocolo…

unjs/unplugin

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

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

用法也非常简单易懂:

GitHub Repo:github.com/unjs/unplug…

Tailwind Mobile

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

Home Page:tailwind-mobile.com/

???? Article

Tubi 工程师文化

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

原文链接:mp.weixin.qq.com/s/p_em5wfzh…

Rome will be written in Rust ????

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

原文链接:rome.tools/blog/2021/0…

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/121554.html

相关文章

  • Next.js 12 正式发布、Yarn 3.1 发布 | 淘系前端架构周刊 211101

    摘要:配合下文中的重新构想原子化一起食用。浏览器支持文件格式支持需要用代码来筛选中所需的数据时非常实用,显著提高效率。 .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:15px;overflow-x:hidden;color:#333}.markdown-body h1,.ma...

    focusj 评论0 收藏0
  • 前端每周清单年度总结与盘点

    摘要:前端每周清单年度总结与盘点在过去的八个月中,我几乎只做了两件事,工作与整理前端每周清单。本文末尾我会附上清单线索来源与目前共期清单的地址,感谢每一位阅读鼓励过的朋友,希望你们能够继续支持未来的每周清单。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清单年度总结与盘点 在过去的八个月中,我几乎只做了...

    jackwang 评论0 收藏0
  • 即将立秋的《课多周刊》(第2)

    摘要:即将立秋的课多周刊第期我们的微信公众号,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把课多周刊推荐给你的朋友,你的支持是我们最大的动力。课多周刊机器人运营中心是如何玩转起来的分享课多周刊是如何运营并坚持下来的。 即将立秋的《课多周刊》(第2期) 我们的微信公众号:fed-talk,更多精彩内容皆在微信公众号,欢迎关注。 若有帮助,请把 课多周刊 推荐给你的朋友,你的支持是我们最大...

    ruicbAndroid 评论0 收藏0

发表评论

0条评论

NusterCache

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<