selector.rs 3.3 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() -> Element {
  14. /// let mut count = use_signal(|| 0);
  15. /// let double = use_selector(move || count * 2);
  16. /// count += 1;
  17. /// assert_eq!(double.value(), count * 2);
  18. ///
  19. /// render! { "{double}" }
  20. /// }
  21. /// ```
  22. #[must_use = "Consider using `use_effect` to rerun a callback when dependencies change"]
  23. pub fn use_selector<R: PartialEq>(f: impl FnMut() -> R + 'static) -> ReadOnlySignal<R> {
  24. use_hook(|| selector(f))
  25. }
  26. /// 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
  27. ///
  28. /// Selectors can be used to efficiently compute derived data from signals.
  29. ///
  30. /// ```rust
  31. /// use dioxus::prelude::*;
  32. /// use dioxus_signals::*;
  33. ///
  34. /// fn App() -> Element {
  35. /// let mut local_state = use_signal(|| 0);
  36. /// let double = use_selector_with_dependencies((local_state.get(),), move |(local_state,)| local_state * 2);
  37. /// local_state.set(1);
  38. ///
  39. /// render! { "{double}" }
  40. /// }
  41. /// ```
  42. #[must_use = "Consider using `use_effect` to rerun a callback when dependencies change"]
  43. pub fn use_selector_with_dependencies<R: PartialEq, D: Dependency>(
  44. dependencies: D,
  45. mut f: impl FnMut(D::Out) -> R + 'static,
  46. ) -> ReadOnlySignal<R>
  47. where
  48. D::Out: 'static,
  49. {
  50. let dependencies_signal = use_signal(|| dependencies.out());
  51. let selector = use_hook(|| {
  52. selector(move || {
  53. let deref = &*dependencies_signal.read();
  54. f(deref.clone())
  55. })
  56. });
  57. let changed = { dependencies.changed(&*dependencies_signal.read()) };
  58. if changed {
  59. dependencies_signal.set(dependencies.out());
  60. }
  61. selector
  62. }
  63. /// Creates a new Selector. The selector will be run immediately and whenever any signal it reads changes.
  64. ///
  65. /// Selectors can be used to efficiently compute derived data from signals.
  66. pub fn selector<R: PartialEq>(mut f: impl FnMut() -> R + 'static) -> ReadOnlySignal<R> {
  67. let state = Signal::<R> {
  68. inner: CopyValue::invalid(),
  69. };
  70. let effect = Effect {
  71. source: current_scope_id().expect("in a virtual dom"),
  72. callback: CopyValue::invalid(),
  73. effect_stack: get_effect_stack(),
  74. };
  75. {
  76. get_effect_stack().effects.write().push(effect);
  77. }
  78. state.inner.value.set(SignalData {
  79. subscribers: Default::default(),
  80. effect_subscribers: Default::default(),
  81. value: f(),
  82. effect_stack: get_effect_stack(),
  83. update_any: schedule_update_any(),
  84. });
  85. {
  86. get_effect_stack().effects.write().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. }