什么是Nue Js? Nue Js 與 Vue.js、React.js 或 Svelte 有什么區(qū)別?

什么是Nue Js? 

Nue JS是一款最近開源的輕量級Web前端UI框架,它具有代碼量少、易于上手的特點,適合開發(fā)人員快速構(gòu)建用戶界面。

Nue JS壓縮后僅有2.3kb,支持服務(wù)器端渲染、響應(yīng)式設(shè)計和同構(gòu)應(yīng)用開發(fā)。

Nue Js 與 Vue.js、React.js 或 Svelte 有什么區(qū)別?

Nue Js 類似Vue、React或Svelte,但更簡單,沒有復(fù)雜的Hooks、Props等概念,開發(fā)者只需要掌握HTML、CSS和JavaScript基礎(chǔ)知識就可以使用。

與React相比,Nue JS實現(xiàn)相同功能的代碼量僅為后者的十分之一,大大簡化了Web前端開發(fā)。Nue JS通過HTML模板語法來編寫界面,減少了大量冗余代碼。

Nue JS由之前開發(fā)過知名MVP框架Riot.js的作者創(chuàng)建。他希望建立一個新的輕量級Web開發(fā)生態(tài),以此推出的Nue JS是其核心組件。此外還有Nue CSS、Nue MVC、Nue UI等項目正處在開發(fā)中。

Nue生態(tài)完成后將成為類似Vite、Next.js、Astro等項目的重要替代選擇。它回歸語義化、漸進增強的Web設(shè)計理念,使用減少10倍的代碼構(gòu)建應(yīng)用程序。

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 倍的代碼構(gòu)建用戶界面
• Nue CSS：恢復(fù)級聯(lián)??樣式的力量
• Nue MVC：構(gòu)建可擴展的直觀單頁應(yīng)用程序
• Nue UI：用于快速 UI 開發(fā)的可復(fù)用組件
• Nuemark：提供豐富互動內(nèi)容的 Markdown 風(fēng)味版本
• Nuekit：使用減少 10 倍的代碼構(gòu)建網(wǎng)站和 Web 應(yīng)用程序