什么是Nue Js? Nue是一个让前端开发更加愉快的工具集。官方声称,它对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等网页开发框架进行了彻底改革。
Nue有很多特点:
使用渐进增强、关注点分离和语义Web设计,能提供更高水准的性能、更好的可扩展性和大幅改进的开发体验。
Nue是一个非常小巧的JavaScript库,压缩后仅2.3kb。
它没有hooks、effects、props、portals、watchers、provides、injects、suspension等抽象概念。只需要掌握HTML、CSS和JavaScript的基础知识,就能轻松上手。
Nue消除了TCP慢启动算法和渐进增强带来的“地狱”。
它使用基于HTML的模板语法。
Nue具有响应式和异构组件模型,适用于创建各种类型的应用程序。
它允许在单个文件中定义多个组件,从而简化依赖管理。
Nue简化了工具链,包含了render函数进行服务器端渲染,以及compile函数生成浏览器端组件。在开发环境中,无需复杂的打包工具如Webpack或Vite也能正常运行。
GitHub地址:https://github.com/nuejs/nue
Nue JS是一款最近开源的轻量级Web前端UI框架,它具有代码量少、易于上手的特点,适合开发人员快速构建用户界面。
Nue JS压缩后仅有2.3kb,支持服务器端渲染、响应式设计和同构应用开发。
Nue Js 与 Vue.js、React.js 或 Svelte 有什么区别?
Nue Js 类似Vue、React或Svelte,但更简单,没有复杂的Hooks、Props等概念,开发者只需要掌握HTML、CSS和JavaScript基础知识就可以使用。
与React相比,Nue JS实现相同功能的代码量仅为后者的十分之一,大大简化了Web前端开发。Nue JS通过HTML模板语法来编写界面,减少了大量冗余代码。
Nue JS由之前开发过知名MVP框架Riot.js的作者创建。他希望建立一个新的轻量级Web开发生态,以此推出的Nue JS是其核心组件。此外还有Nue CSS、Nue MVC、Nue UI等项目正处在开发中。
Nue生态完成后将成为类似Vite、Next.js、Astro等项目的重要替代选择。它回归语义化、渐进增强的Web设计理念,使用减少10倍的代码构建应用程序。
Nue 消除了 TCP 慢启动算法和渐进增强带来的 “地狱”:
示例代码
Nue 使用基于 HTML 的模板语法:
<div @name="media-object" class="{ type }"> <img src="{ img }"> <aside> <h3>{ title }</h3> <p :if="desc">{ desc }</h3> <slot/> </aside></div>
Nue JS 核心组件
Nue JS:使用减少 10 倍的代码构建用户界面
Nue CSS:恢复级联样式的力量
Nue MVC:构建可扩展的直观单页应用程序
Nue UI:用于快速 UI 开发的可复用组件
Nuemark:提供丰富互动内容的 Markdown 风味版本
Nuekit:使用减少 10 倍的代码构建网站和 Web 应用程序