前端新轮子 Nue JS,作者称要打造全新的 Web 生态

来源: OSCHINA
编辑:
2023-09-18 11:50:00

Nue JS 是最近开源的 Web 前端项目,用于构建用户界面,体积非常小(压缩后 2.3kb)。Nue JS 支持服务器端渲染 (SSR)、反应式组件和“同构”组合 ("isomorphic" combinations)。

作者表示,它就像 Vue.js、React.js 或 Svelte,但没有 hooks, effects, props, portals, watchers, provides, injects, suspension 这些抽象概念,开发者只需掌握 HTML、CSS 和 JavaScript 的基础知识,就能轻松上手

他还说道,Nue 最大的好处是能够用更少的代码来完成同样的事情——与使用 React 相比,Nue JS 实现同样的功能代码量只有前者的 1/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 的作者曾开源过一款颇有名气的项目——Riot.js,这是一个 JavaScript 的 MVP 框架。

对于这个新轮子,Nue JS 作者称他对当前的 Web 开发生态并不满意,所以想从头开始编写一个全新的生态。在过去的 12 个月里,他一直在投入到 Nue 的开发中,最近全职参与。

当然他也使用了一些“旧”的创新概念,例如渐进增强、关注点分离 (Separation of concerns) 和语义化 Web 设计。

Nue JS 是这个生态的核心组件,其他部分还没完成:

  • Nue JS:使用减少 10 倍的代码构建用户界面
  • Nue CSS:恢复级联​​样式的力量
  • Nue MVC:构建可扩展的直观单页应用程序
  • Nue UI:用于快速 UI 开发的可复用组件
  • Nuemark:提供丰富互动内容的 Markdown 风味版本
  • Nuekit:使用减少 10 倍的代码构建网站和 Web 应用程序

作者表示,一旦所有子项目完成,Nue 将成为 Vite、Next.js 和 Astro 等项目的重要替代品。

展开阅读全文
点击加入讨论🔥(28) 发布并加入讨论🔥
本篇精彩评论
我选择jquery,只要能达到效果。屎一样的代码继续支行。
2023-09-18 19:30
18
举报
是我错觉吗,国内的前端在大环境下应该差不多寄了,但鬼佬出框架的热情搞得前端还像是蒸蒸日上,不搞wasm或者图形之类的我觉得前端也没有啥可以服务于未来的搞头了
2023-09-23 21:34
2
举报
我选择vanilla,连jquery都嫌弃。
2023-09-23 12:21
2
举报
不懂就问,TCP 慢启动算法这个靠前端能解决?
2023-09-19 15:20
2
举报
一切都是基于它“小”, 它不能修改HTTP协议和相关算法,但它“秘诀在于遵守TCP 慢启动算法中的14kb 规则:当包含渲染初始视口的所有内容和样式的 HTML 内容低于 14kb 时,页面加载速度会显着加快”
2023-09-25 15:12
1
举报
28 评论
12 收藏
分享
返回顶部
顶部