vertigo 0.11.4

Reactive Real-DOM library with SSR for Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

use std::rc::Rc;
use vertigo_macro::bind;

use crate::{
    Computed, DomNode, DropResource, LazyCache, Value,
    render::{collection::Collection, render_list},
};

/// Renders a reactive list from a `Value<Rc<Vec<T::Value>>>`, memoizing each item.
///
/// So that only items whose values actually changed are re-rendered. The list
/// automatically stays in sync with the source value and cleans up when dropped.
pub fn render_list_memo<T: crate::render::collection::CollectionKey + 'static>(
    value: &Value<Rc<Vec<T::Value>>>,
    render: impl Fn(&Computed<T::Value>) -> DomNode + 'static,
) -> DomNode {
    let (collection, drop_synchronize) = value.synchronize::<Collection<T>>();

    let computed = collection.get();

    let result = render_list(
        computed,
        |item| item.key.clone(),
        move |item| render(&item.model),
    );

    result.append_drop_resource(drop_synchronize);

    result.append_drop_resource(DropResource::new(bind!(value, || {
        drop(value);
    })));

    result
}

/// Renders a reactive list from a `LazyCache<Vec<T::Value>>`, memoizing each item.
///
/// So that only items whose values actually changed are re-rendered. Unlike
/// `render_list_memo`, the source is a lazily-loaded cache (e.g. fetched from a
/// remote resource), and the list updates whenever the cache is refreshed.
pub fn render_resource_list_memo<T: crate::render::collection::CollectionKey + 'static>(
    value: &LazyCache<Vec<T::Value>>,
    render: impl Fn(&Computed<T::Value>) -> DomNode + 'static,
) -> DomNode {
    let (collection, drop_event) = value.synchronize::<Collection<T>>();

    let computed = collection.get();

    let result = render_list(
        computed,
        |item| item.key.clone(),
        move |item| render(&item.model),
    );

    result.append_drop_resource(drop_event);

    result.append_drop_resource(DropResource::new(bind!(value, || {
        drop(value);
    })));

    result
}