Skip to main content

Module hooks

Module hooks 

Source
Expand description

共享的 Leptos Hooks 模块。

该模块集中管理可在组件树中复用的自定义 Hook,包括:

  • 通用 DOM 事件监听(注册 + 自动卸载清理)
  • 元素接近视口的单向激活判断
  • 客户端分页数据加载

评论草稿持久化(localStorage 读写)已迁至 crate::utils::comment_storage, 因为它是纯工具函数而非渲染期 Hook。

骨架屏延迟渲染已统一至 crate::components::skeletons::delayed_skeleton::DelayedSkeleton 组件。

约定:Leptos 组件函数体只执行一次,Hook 在组件函数体内调用(需要 reactive owner), 浏览器专属逻辑放在 Effect 内(服务端不执行),清理统一用 on_cleanup。

Re-exports§

pub use near_viewport::use_near_viewport;

Modules§

event_listener
通用 DOM 事件监听 Hook(add/remove_event_listener 生命周期封装)。 通用 DOM 事件监听 hook:封装 add/remove_event_listener 生命周期。
near_viewport
元素接近视口的单向可见性激活 Hook(use_near_viewport)。 元素接近视口的单向可见性激活。
query
客户端数据加载 Hook(use_paginated)。 通用客户端数据加载 hook。
ssr_resource
页面 SSR 数据资源(route_data:值类型擦除为 JSON 文本,取数函数随分包加载)。 SSR 数据资源。