use effect instead of event

examples/hello_world.rs

@@ -2,42 +2,30 @@ use std::sync::Arc;
 
 use osui::{prelude::*, rsx};
 
-#[derive(Debug, Clone)]
-pub struct KeyPress;
-
-impl Event for KeyPress {
-    fn as_any(&self) -> &dyn std::any::Any {
-        self
-    }
-}
-
 fn main() {
     let console = Console::new();
-
-    console.thread(move |ctx| loop {
-        crossterm::event::read().unwrap();
-        ctx.emit_event_threaded(&KeyPress);
-    });
-
     console.run(app);
 }
 
 fn app(cx: &Arc<Context>) -> View {
     let count = use_state(0);
+    let mount = use_mount();
 
-    cx.on_event({
+    use_effect(
-        let count = count.clone();
+        {
-        move |_, _: &KeyPress| {
+            let count = count.clone();
-            let mut count = count.get();
+            move || loop {
-
+                std::thread::sleep(std::time::Duration::from_millis(500));
-            if *count > 5 {
+                let mut count = count.get();
-                *count = 0;
+                if *count > 5 {
-                return;
+                    *count = 0;
+                    continue;
+                }
+                *count += 1;
             }
-
+        },
-            *count += 1;
+        &[&mount],
-        }
+    );
-    });
 
     rsx! {
         // Static scope
@@ -63,19 +51,24 @@ fn app(cx: &Arc<Context>) -> View {
 }
 
 fn my_component(cx: &Arc<Context>) -> View {
-    let count = use_state(1);
+    let count = use_state(0);
+    let mount = use_mount();
 
-    cx.on_event({
+    use_effect(
-        let count = count.clone();
+        {
-        move |_cx, _event: &KeyPress| {
+            let count = count.clone();
-            let mut count = count.get();
+            move || loop {
-            if *count > 5 {
+                std::thread::sleep(std::time::Duration::from_millis(500));
-                _cx.refresh();
+                let mut count = count.get();
-                return;
+                if *count > 5 {
+                    *count = 0;
+                    continue;
+                }
+                *count += 1;
             }
-            *count += 1;
+        },
-        }
+        &[&mount],
-    });
+    );
 
     rsx! {
         "Count: {count}"