Sycamore

Sycamore 是一个用于在 Rust 和 WebAssembly 中创建网页应用程序的 响应式 库。

#[component]
fn Hello<G: Html>() -> View<G> {
    view! { 
        p { "Hello World!" }
    }
}

• 闪电速度：Sycamore 通过 Rust 和 WebAssembly 充分发挥其全部威力，让您完全控制性能。
• 人体工程学和直观性：编写自然感觉的代码。所有内容都建立在 响应式原语 上，无需笨重的虚拟 DOM。
• 无 JavaScript：厌倦了 JavaScript？我们也一样。使用 Sycamore 创建应用程序，无需接触任何 JS 代码。

文档

Sycamore 有广泛的文档

• 入门指南：如何编写您的第一个 Sycamore 应用程序。
• 响应式：了解如何使用 Sycamore 强大的响应式原语。
• API 文档：rustdocs 为 sycamore crate。

还有疑问吗？ 不要犹豫，随时访问我们友好的 Discord 服务器。

示例

Sycamore 在 examples/ 目录中有许多示例供您参考。一定要检查它们！

在 sycamore-rs.netlify.app 上查看

所有示例均托管在 sycamore-rs.netlify.app/examples/<example_name> 下，其中 <example_name> 是您想要查看的示例名称。例如，todomvc 示例托管在 sycamore-rs.netlify.app/examples/todomvc。

本地构建

所有示例也可以使用 Trunk 在本地构建。例如，以下命令构建并服务 todomvc 示例

cd examples/todomvc
trunk serve

现在在您的浏览器中打开 localhost:8080 以查看 "Hello World!"。

Perseus

Perseus 是一个使用 Sycamore 构建的 Fullstack 框架。想象一下 NextJS 或 SvelteKit，但没有 JavaScript。从后端到前端的一切都是用纯 Rust 构建！

替代方案？

认为 Sycamore 适合您吗？幸运的是，有很多替代方案！

• SolidJS：一个用于构建用户界面的声明性、高效和灵活的 JavaScript 库
  Solid 是一个受 Sycamore 极大启发的 JavaScript 库。许多概念，如细粒度响应性和组件作为工厂函数，都是从 Solid 中借鉴的。如果您不介意使用 JavaScript（或 TypeScript），可以去看看！
• Yew：用于构建客户端 Web 应用的 Rust / Wasm 框架
  Yew 也对 Sycamore 产生了重大影响。Yew 使用 VDOM，并具有 MVU（Elm）架构。如果您认为这适合您，看看吧！
• MoonZoon：Rust 全栈框架
  MoonZoon 同样推崇无 VDOM 的范式，并使用 dominator 作为其底层 DOM 层。MoonZoon 是一个全栈框架，可以更轻松地将前端和后端代码结合起来，最小化样板代码。

贡献

• 在我们的 问题跟踪器 上报告问题。
• 我们喜欢 Pull Requests！有关更多信息，请参阅文档中关于贡献的 部分。

Sycamore 的实现离不开社区的美好贡献。谢谢！

特别感谢 @nate-sys 为 Sycamore 设计标志！