https://github.com/dioxus-community/dioxus-use-computed
Run resource-expensive computations in the most efficient way possible in Dioxus 🧬 apps 🦀.
https://github.com/dioxus-community/dioxus-use-computed
dioxus gui memoization rust
Last synced: 10 months ago
JSON representation
Run resource-expensive computations in the most efficient way possible in Dioxus 🧬 apps 🦀.
- Host: GitHub
- URL: https://github.com/dioxus-community/dioxus-use-computed
- Owner: dioxus-community
- License: mit
- Created: 2024-06-24T12:03:04.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-10T10:36:22.000Z (over 1 year ago)
- Last Synced: 2025-08-21T12:42:03.208Z (10 months ago)
- Topics: dioxus, gui, memoization, rust
- Language: Rust
- Homepage:
- Size: 70.3 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[](https://discord.gg/sKJSVNSCDJ)
# `dioxus-use-computed` 🦀ðŸ§
Alternative to the built-in [Dioxus](https://dioxuslabs.com/) hooks `use_memo` and `use_reactive`.
The main idea is to make resource-expensive computations in the most efficient way possible. Avoiding unnecessary rerenders and wrappers.
```rs
fn app() -> Element {
let mut value = use_signal(|| 2);
rsx!(
Counter {
value: value()
}
PrevCounter {
value: value()
}
CounterSignal {
value: value()
}
PrevCounterSignal {
value: value()
}
)
}
#[component]
fn Counter(value: usize) -> Element {
let double = use_computed(value, || value * 2);
rsx!( p { "Double: {double}" } )
}
#[component]
fn PrevCounter(value: usize) -> Element {
let double = use_computed_with_prev(value, |prev_value| prev_value.unwrap_or(value) * 2);
rsx!( p { "Previous Double: {double}" } )
}
#[component]
fn CounterSignal(value: usize) -> Element {
let double = use_computed_signal(value, || value * 2);
rsx!( p { "Double Signal: {double}" } )
}
#[component]
fn PrevCounterSignal(value: usize) -> Element {
let double = use_computed_signal_with_prev(value, |prev| prev.cloned().unwrap_or(value) * 2);
rsx!( p { "Previous Double Signal: {double}" } )
}
```