前端新轮子Nue,号称替代Vue、React和Svelte

news/2024/7/15 17:03:12 标签: 前端, vue.js, react.js, javascript, ecmascript

75572cb192777bfd16d6e30f1ea6d48a.png

新的简约前端开发工具集Nue.js 于周三发布。在 Hacker News 上介绍它时,前端开发者和Nue.js 的创作者Tero Piirainen表示,它是 React、Vue、Next.js、Vite、SvelteAstro 的替代品。他在 Nue.js的 FAQ 中进一步解释说,它是为网站和响应式用户界面设计的。该工具集已根据MIT许可进行了开源。

“Nue生态系统仍在开发中,今天我发布了一个小而强大的核心:Nue JS。”他在Hacker News上写道。“这是一个非常小的(压缩后2.3kb)用于构建用户界面的JavaScript库。”

a9fda9a6257ffc91c6b73419fc2f4531.png

Nue 来源于德语词汇 neue,翻译成英语是。它允许具有HTML、CSS和JavaScript知识的开发者构建服务器端组件和响应式界面。他补充说,它就像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可以被认为是 “纯HTML”。Nue非常适合那些专注于交互设计、无障碍和用户体验的UX开发者。

Nue与React相比

f0491e9083ff222f844aeaf3ba0dcac6.png

Nue.js 的网站宣称,与竞争对手相比,它可以使用10倍更少的代码构建用户界面(尽管没有具体说明)。它旨在成为一个生态系统的一部分,计划包括:

  • Nue CSS,用于替代CSS-in-JS、Tailwind和SASS的级联样式;

  • Nue MVC,用于构建单页应用;

  • Nue UI,用于创建可重用的组件以快速进行UI开发;

  • Nuemark,一个用于丰富和交互式内容的markdown风格;

  • Nuekit,用于用更少的代码构建网站和web应用。

来自赫尔辛基的Piirainen在开源项目、技术产品和创业公司方面拥有超过25年的经验。Piirainen之前编写的项目包括 iot.js、Flowplayer和jQuery Tools。目前,他是Nue.js的唯一开发者,但正在寻求贡献者。

相关

github:https://github.com/nuejs/nuejs

欢迎长按图片加刷碗智为好友,定时分享 Vue React Ts 等。

d00ab5e551f545b352e1dba890126994.png

最后:

vue2与vue3技巧合集

VueUse源码解读


http://www.niftyadmin.cn/n/5054701.html

相关文章

四川天蝶电子商务有限公司专业抖音培训服务

四川天蝶电子商务有限公司&#xff0c;自成立以来&#xff0c;一直致力于打造最具影响力的抖音服务平台&#xff0c;为广大用户提供一站式的短视频推广、制作、发布等全方位服务。他们通过创新的技术和专业的团队&#xff0c;成功打造出一系列优质、高效的抖音服务体验。 首先…

如何使用ASO优化来提高应用的安装率

应用程序的成功并非一蹴而就&#xff0c;它需要大量的时间和工作&#xff0c;而这一切都取决于对流程的深入理解、对结果的衡量以及对执行的某些营销活动的有效性进行分析。但哪些优化在App Store或Google Play上取得成功最关键&#xff1f;为了取得成功&#xff0c;我们必须跟…

记录使用iText7查找PDF内容关键字坐标,加盖电子签名、印章

一、前言 项目以前签字都是由C端那边进行合成操作&#xff0c;最近项目要求把那块功能&#xff0c;由后端进行实现&#xff0c;其中包含坐标、关键字、任意位置进行签字操作&#xff0c;坐标是最容易实现的&#xff0c;曾经也写过类似的功能在&#xff08;添加图片印章到PDF&a…

[2023.09.27]: Yew SSR开发中的服务器端与客户端共同维护同一状态的实践

SSR&#xff08;Server-Side Rendering&#xff09;具有许多优势&#xff0c;其中之一就是能够在服务器端生成页面&#xff0c;从而提高整个页面的加载速度。在Yew SSR开发模式中&#xff0c;我们可以使用use_prepared_state宏在服务器端获取数据并生成Html返回到客户端。官方提…

代码随想录算法训练营19期第57天

647. 回文子串 代码随想录 初步思路&#xff1a;动态规划。 总结&#xff1a; dp[i][j]&#xff1a;表示区间范围[i,j] &#xff08;注意是左闭右闭&#xff09;的子串是否是回文子串 当 s[i]s[j] 时&#xff0c;需要判断 dp[i1][j-1] 是不是一个回文串 if s[i] s[…

Qt5开发及实例V2.0-第九章-Qt文件及磁盘处理

Qt5开发及实例V2.0-第九章-Qt文件及磁盘处理 第9章 Qt 5文件及磁盘处理9.1 读写文本文件9.1.1 QFile类读写文本9.1.2 QTextStream类读写文本 9.2 读写二进制文件9.3 目录操作与文件系统9.3.1 文件大小及路径获取实例9.3.2 文件系统浏览 9.4 获取文件信息9.5 监视文件和目录变化…

C++——namespace std

命名空间&#xff08;namespace&#xff09; 0.使用方法 namespace 命名空间名 {... } 1. 每个命名空间都是一个作用域 同其他作用域类似&#xff0c;命名空间中的每个名字都必须表示该空间内的唯一实体。因为不同命名空间的作用域不同&#xff0c;所以在不同命名空间内可以…

云中的网络Qos

在 Linux 下&#xff0c;可以通过 TC 控制网络的 QoS&#xff0c;主要就是通过队列的方式。 第一大类称为无类别排队规则&#xff08;Classless Queuing Disciplines&#xff09;。pfifo_fast 分为三个先入先出的队列&#xff0c;称为三个 Band。根据网络包里面 TOS&#xff0…