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 63 64 65 66 67 68 69 70 71 72 73 74 75 76
use super::{use_ref, Deps, RefContainer};
use crate::{Persisted, PersistedOrigin};
use std::cell::Ref;
use wasm_bindgen::UnwrapThrowExt;
/// Allows access to the underlying memoized data persisted with [`use_memo()`].
#[derive(Debug)]
pub struct Memo<T>(RefContainer<Option<T>>);
impl<T: 'static> Memo<T> {
/// Returns a reference to the underlying memoized data.
pub fn value(&self) -> Ref<'_, T> {
Ref::map(self.0.current(), |x| {
x.as_ref().expect_throw("no memo data available")
})
}
}
impl<T: 'static> Persisted for Memo<T> {
fn ptr(&self) -> PersistedOrigin {
self.0.ptr()
}
}
impl<T> Clone for Memo<T> {
fn clone(&self) -> Self {
Self(self.0.clone())
}
}
/// Returns a persisted, memoized value.
///
/// This will recompute the value with the given closure whenever the given
/// dependencies has changed from last render. This optimization helps to avoid
/// expensive calculations on every render.
///
/// # Example
///
/// ```
/// # use wasm_react::{*, hooks::*};
/// #
/// # fn compute_expensive_value(a: (), b: ()) -> &'static str { "" }
/// # struct C { a: (), b:() };
/// # impl C {
/// fn render(&self) -> VNode {
/// let a = self.a;
/// let b = self.b;
/// let memo = use_memo(|| compute_expensive_value(a, b), Deps::some((a, b)));
///
/// let vnode = h!(div).build(*memo.value());
/// vnode
/// }
/// # }
/// ```
pub fn use_memo<T, D>(create: impl FnOnce() -> T, deps: Deps<D>) -> Memo<T>
where
T: 'static,
D: PartialEq + 'static,
{
let mut deps_ref_container = use_ref(None::<Deps<D>>);
let mut value_ref_container = use_ref(None::<T>);
let need_update = {
let current = deps_ref_container.current();
let old_deps = current.as_ref();
deps.is_all() || Some(&deps) != old_deps
};
if need_update {
deps_ref_container.set_current(Some(deps));
value_ref_container.set_current(Some(create()));
}
Memo(value_ref_container)
}