Show HN: Nectar——一个类 Rust 的 React，编译为 WebAssembly

# Nectar — 无需 JavaScript 的 Web 来源：https://buildnectar.com/ Nectar (https://buildnectar.com/) ## 网络需要 JavaScript，但 Nectar 不需要。 Nectar 编译为 WebAssembly。一种语言，一个二进制文件，零依赖。你的整个应用——逻辑、状态、渲染——都在 WASM 中运行。JavaScript 被缩减为一个 10KB 的系统调用层。 注意：Svelte 演示在首次加载 10,000 件商品时可能会超时。如果显示空白，请尝试刷新。 ## 写得更少，交付更快。 ```js // package.json：47 个依赖 // node_modules：1,247 个包 import React, { useState } from 'react'; import ReactDOM from 'react-dom'; function Counter() { const [count, setCount] = useState(0); return ( <div> {count} <button onClick={() => setCount(c => c + 1)}>+</button> </div> ); } ``` ```rust // 无需 package.json。无需 node_modules。 // 单个文件。编译为 WASM。 component Counter() { let mut count: i32 = 0; fn increment(&mut self) { self.count = self.count + 1; } render { <div> {format("{}", self.count)} <button onclick={increment}>+</button> </div> } } ``` ## 与众不同地构建。 ⚙ ### 单个二进制编译器 一个 Rust 二进制文件处理所有事情：编译、格式化、代码检查、测试、开发服务器、LSP、包管理、SSR。无需配置工具链。 ⚡ ### 细粒度信号 每次绑定 O(1) 更新。无虚拟 DOM，无 diff，无协调。当信号变化时，仅更新对应的 DOM 节点。 🔒 ### 编译时安全 受 Rust 启发的借用检查器、类型系统和穷尽模式匹配。在代码发布前捕获错误，而非在生产环境中。 📦 ### 零依赖 无 npm，无 node_modules，无 webpack，无打包工具。你的应用编译为一个 .wasm 二进制文件和一个 3KB 的运行时。仅此而已。 🌐 ### 内置关键字 component、store、router、page、form、auth、payment、upload、db、cache、agent——常见 Web 模式作为语言原语，而非库。 🚀 ### SSR + 边缘部署 同一个 WASM 二进制文件通过 wasmtime 在服务器上运行。内置 SSR、水合，以及部署到 29 个 Cloud Run 区域。 ## Nectar 的工作原理 你的 .nectar 源码编译为 WebAssembly。浏览器加载 .wasm 和一个 10KB 的系统调用层。其余一切均为 WASM。 源文件 .nectar → 编译器 Rust → 输出 .wasm → 运行时 浏览器 JavaScript 运行时 10KB（仅 DOM 系统调用） 虚拟 DOM 无——命令缓冲区 状态管理 WASM 信号——O(1) 借用检查器 编译时安全 node_modules 零。已删除。 GC 暂停 无——线性内存 XSS 攻击 不可能——无 eval Auth 默认 HttpOnly Cookie ## 亲眼目睹运行效果。 10,000 件商品。Canvas 渲染引擎。响应式信号。全部在 WebAssembly 中运行。与 Svelte 5 并排展示。 ## 用 Nectar 构建点什么？ 正在试水、想要早期访问，或只是有些想法？留下你的邮箱，我会联系你。这是一个人的项目，所以邮件会直接到我这里。