前端新輪子Nue，號稱替代Vue、React和Svelte

作者：dev 2023-09-25 06:37:19

新的簡約前端開發(fā)工具集Nue.js 于周三發(fā)布。在 Hacker News 上介紹它時(shí)，前端開發(fā)者和Nue.js 的創(chuàng)作者Tero Piirainen表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。他在 Nue.js的 FAQ 中進(jìn)一步解釋說，它是為網(wǎng)站和響應(yīng)式用戶界面設(shè)計(jì)的。該工具集已根據(jù)MIT許可進(jìn)行了開源。

“Nue生態(tài)系統(tǒng)仍在開發(fā)中，今天我發(fā)布了一個(gè)小而強(qiáng)大的核心：Nue JS。”他在Hacker News上寫道。“這是一個(gè)非常小的（壓縮后2.3kb）用于構(gòu)建用戶界面的JavaScript庫。”

Nue 來源于德語詞匯 neue，翻譯成英語是新。它允許具有HTML、CSS和JavaScript知識的開發(fā)者構(gòu)建服務(wù)器端組件和響應(yīng)式界面。他補(bǔ)充說，它就像React或Vue，但沒有鉤子、效果、道具或其他抽象概念。

Nue 語法

Nue 使用基于 HTML 的模板語法：

<div @name="media-object" class="{ type }">
  <img src="{ img }">
  <aside>
    <h3>{ title }</h3>
    <p :if="desc">{ desc }</p>
    <slot/>
  </aside>
</div>

雖然React和JSX宣稱是“純JavaScript”，但 Nue可以被認(rèn)為是 “純HTML”。Nue非常適合那些專注于交互設(shè)計(jì)、無障礙和用戶體驗(yàn)的UX開發(fā)者。

Nue與React相比

Nue.js 的網(wǎng)站宣稱，與競爭對手相比，它可以使用10倍更少的代碼構(gòu)建用戶界面（盡管沒有具體說明）。它旨在成為一個(gè)生態(tài)系統(tǒng)的一部分，計(jì)劃包括：

Nue CSS，用于替代CSS-in-JS、Tailwind和SASS的級聯(lián)樣式；
Nue MVC，用于構(gòu)建單頁應(yīng)用；
Nue UI，用于創(chuàng)建可重用的組件以快速進(jìn)行UI開發(fā)；
Nuemark，一個(gè)用于豐富和交互式內(nèi)容的markdown風(fēng)格；
Nuekit，用于用更少的代碼構(gòu)建網(wǎng)站和web應(yīng)用。

來自赫爾辛基的Piirainen在開源項(xiàng)目、技術(shù)產(chǎn)品和創(chuàng)業(yè)公司方面擁有超過25年的經(jīng)驗(yàn)。Piirainen之前編寫的項(xiàng)目包括 iot.js、Flowplayer和jQuery Tools。目前，他是Nue.js的唯一開發(fā)者，但正在尋求貢獻(xiàn)者。

前端新輪子Nue，號稱替代Vue、React和Svelte

Nue 語法

Nue與React相比

相關(guān)