yew example

shimwell · shimwell · commit 98b8d9959e44 · 2023-05-12T22:55:02.000+01:00
diff --git a/Cargo.toml b/Cargo.toml
@@ -6,4 +6,4 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-yew = "0.18"
+yew = { version = "0.20", features = ["csr"] }
diff --git a/index.html b/index.html
@@ -1,7 +1,5 @@
 <!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Hello, World!</title>
-    </head>
-</html>
+<html lang="en">
+    <head> </head>
+    <body></body>
+</html>
diff --git a/src/main.rs b/src/main.rs
@@ -1,31 +1,12 @@
 use yew::prelude::*;
 
-struct Index;
-impl Component for Index {
-    type Message = ();
-    type Properties = ();
-
-    fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
-        Self
-    }
-
-    fn update(&mut self, _: Self::Message) -> ShouldRender {
-        false
-    }
-
-    fn change(&mut self, _: Self::Properties) -> ShouldRender {
-        false
-    }
-
-    fn view(&self) -> Html {
-        html! {
-            <div>
-                { "Hello, World!" }
-            </div>
-        }
+#[function_component(App)]
+fn app() -> Html {
+    html! {
+        <h1>{ "Hello World" }</h1>
     }
 }
 
 fn main() {
-    yew::start_app::<Index>();
+    yew::Renderer::<App>::new().render();
 }
