selector.rs 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. use dioxus_core::prelude::*;
  2. use crate::dependency::Dependency;
  3. use crate::use_signal;
  4. use crate::{get_effect_stack, signal::SignalData, CopyValue, Effect, ReadOnlySignal, Signal};
  5. /// Creates a new Selector. The selector will be run immediately and whenever any signal it reads changes.
  6. ///
  7. /// Selectors can be used to efficiently compute derived data from signals.
  8. ///
  9. /// ```rust
  10. /// use dioxus::prelude::*;
  11. /// use dioxus_signals::*;
  12. ///
  13. /// fn App(cx: Scope) -> Element {
  14. /// let mut count = use_signal(cx, || 0);
  15. /// let double = use_selector(cx, move || count * 2);
  16. /// count += 1;
  17. /// assert_eq!(double.value(), count * 2);
  18. ///
  19. /// render! { "{double}" }
  20. /// }
  21. /// ```
  22. pub fn use_selector<R: PartialEq>(
  23. cx: &ScopeState,
  24. f: impl FnMut() -> R + 'static,
  25. ) -> ReadOnlySignal<R> {
  26. *cx.use_hook(|| selector(f))
  27. }
  28. /// Creates a new Selector with some local dependencies. The selector will be run immediately and whenever any signal it reads or any dependencies it tracks changes
  29. ///
  30. /// Selectors can be used to efficiently compute derived data from signals.
  31. ///
  32. /// ```rust
  33. /// use dioxus::prelude::*;
  34. /// use dioxus_signals::*;
  35. ///
  36. /// fn App(cx: Scope) -> Element {
  37. /// let mut local_state = use_state(cx, || 0);
  38. /// let double = use_selector_with_dependencies(cx, (local_state.get(),), move |(local_state,)| local_state * 2);
  39. /// local_state.set(1);
  40. ///
  41. /// render! { "{double}" }
  42. /// }
  43. /// ```
  44. pub fn use_selector_with_dependencies<R: PartialEq, D: Dependency>(
  45. cx: &ScopeState,
  46. dependencies: D,
  47. mut f: impl FnMut(D::Out) -> R + 'static,
  48. ) -> ReadOnlySignal<R>
  49. where
  50. D::Out: 'static,
  51. {
  52. let dependencies_signal = use_signal(cx, || dependencies.out());
  53. let selector = *cx.use_hook(|| {
  54. selector(move || {
  55. let deref = &*dependencies_signal.read();
  56. f(deref.clone())
  57. })
  58. });
  59. let changed = { dependencies.changed(&*dependencies_signal.read()) };
  60. if changed {
  61. dependencies_signal.set(dependencies.out());
  62. }
  63. selector
  64. }
  65. /// Creates a new Selector. The selector will be run immediately and whenever any signal it reads changes.
  66. ///
  67. /// Selectors can be used to efficiently compute derived data from signals.
  68. pub fn selector<R: PartialEq>(mut f: impl FnMut() -> R + 'static) -> ReadOnlySignal<R> {
  69. let state = Signal::<R> {
  70. inner: CopyValue::invalid(),
  71. };
  72. let effect = Effect {
  73. source: current_scope_id().expect("in a virtual dom"),
  74. callback: CopyValue::invalid(),
  75. };
  76. {
  77. get_effect_stack().effects.borrow_mut().push(effect);
  78. }
  79. state.inner.value.set(SignalData {
  80. subscribers: Default::default(),
  81. effect_subscribers: Default::default(),
  82. update_any: schedule_update_any().expect("in a virtual dom"),
  83. value: f(),
  84. });
  85. {
  86. get_effect_stack().effects.borrow_mut().pop();
  87. }
  88. effect.callback.value.set(Box::new(move || {
  89. let value = f();
  90. let changed = {
  91. let old = state.inner.read();
  92. value != old.value
  93. };
  94. if changed {
  95. state.set(value)
  96. }
  97. }));
  98. ReadOnlySignal::new(state)
  99. }