Dvorak
Dvorak

Dvorak Chen

Leptos


Leptos - CSR & SSR

这篇文章探讨了 Leptos 框架在处理服务器端渲染(SSR)和客户端渲染(CSR)方面的实现细节。Leptos 通过“脱水”、“浸泡”和“湿润”三个阶段实现了高效的 SSR 流程:“脱水”阶段生成适合搜索引擎抓取的静态 HTML,“浸泡”阶段将 JavaScript 脚本插入到静态 HTML 中,“湿润”阶段则通过执行 JavaScript 将页面转换为功能齐全的现代应用。文章还详细介绍了 Leptos 的代码组织方式,包括使用 `main.rs` 和 `lib.rs` 文件分别处理服务器端和客户端代码,并通过 Rust 的特性(features)机制实现了环境分离。此外,Leptos 提供了 Server Functions 功能,允许在组件中调用服务器端代码,但需要注意引用规则和依赖管理。文章最后指出 Leptos 在 SSR 方面的创新性,但也提到其复杂性和潜在问题,并对比了 React 的易用性优势。--DeepSeek

Rust Leptos Server Side Rendering Actix web Hydration Server Functions

Leptos - 撸一只赛博猫猫

这篇文章展示了如何使用 Leptos 框架结合 Rust 语言来创建一个互动的赛博猫动画,完全摒弃了传统的 JavaScript 开发方式。通过借助 crates 提供的 BOM API 和时间函数库,作者实现了从猫猫不同动作状态到用户交互的全部逻辑。文章详细介绍了如何利用数组存储猫猫的不同动作字符画,并通过 Interval 函数实现周期性切换来模拟尾巴摇动的效果。此外,作者还探讨了如何在组件卸载时清理 Interval 定时器以避免资源泄漏的问题。最终,这只用 HTML 渲染界面、Rust 控制逻辑的赛博猫不仅能够在点击时发出“喵喵叫”,还能在鼠标按住时发出咕噜声,展现出令人惊喜的互动效果。项目代码已开源,感兴趣的读者可以前往 GitHub 仓库查看详细实现。通过这篇文章,作者不仅展示了 Rust 在前端开发中的潜力,还提出了一个问题:你是否也想尝试用 Rust 来构建自己的 Web 应用,并创造更多有趣的效果?不妨从这篇博客开始,探索 Leptos 的无限可能!--DeepSeek

Rust Leptos gloo Cyber Cat Interval MouseEvent

Leptos 初探 - 序言

这篇文章介绍了基于Rust的前端框架Leptos的一些特性和开发经验。文章提到Leptos将代码编译为WASM在浏览器中运行,因此需要选择支持WASM环境的Crate(如`reqwest`用于HTTP请求),并使用模拟JavaScript API的Crate(如`gloo`)来实现特定功能。文中还详细讨论了Rust语言的特点及其对Leptos开发的影响,包括严格的语法规则、所有权规则以及如何通过引用计数(`Rc`)解决多个事件处理程序共享资源的问题。文章最后提到未来可能会继续编写更多关于Leptos的教程内容。--DeepSeek

Rust Leptos rust-programming web development Component Framework Ownership Rules

  • 1