freya-core 0.4.0-rc.22

Reactivity runtime, tree management, accessibility integration, rendering pipeline and more, for Freya
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

use std::mem;

use crate::prelude::{
    IntoReadable,
    State,
    use_side_effect_with_deps,
    use_state,
};

/// Track the previous and current values of a reactive value.
///
/// This hook returns a `State<(T, T)>` where the first element is the previous value
/// and the second is the current value. Useful for animations or effects that need to
/// transition between values.
///
/// # Example
///
/// ```rust,no_run
/// # use freya::prelude::*;
/// fn app() -> impl IntoElement {
///     let value = use_state(|| 0);
///     let values: State<(i32, i32)> = use_previous_and_current(value);
///
///     rect().child(format!(
///         "Previous: {}, Current: {}",
///         values.read().0,
///         values.read().1
///     ))
/// }
/// ```
pub fn use_previous_and_current<T: 'static + Clone + PartialEq>(
    value: impl IntoReadable<T>,
) -> State<(T, T)> {
    let value = value.into_readable();
    let mut state = use_state(|| (value.read().clone(), value.read().clone()));

    use_side_effect_with_deps(&*value.read(), move |value| {
        let mut state = state.write();
        let old_current = mem::replace(&mut state.1, value.clone());
        state.0 = old_current;
    });

    state
}