Setup yew
This commit is contained in:
parent
c697f596df
commit
b97e6ed468
1158
client/Cargo.lock
generated
Normal file
1158
client/Cargo.lock
generated
Normal file
File diff suppressed because it is too large
Load Diff
8
client/Cargo.toml
Normal file
8
client/Cargo.toml
Normal file
@ -0,0 +1,8 @@
|
||||
[package]
|
||||
name = "personal-tracker-client"
|
||||
version = "0.1.0"
|
||||
edition = "2021"
|
||||
license = "GPL-3.0-only"
|
||||
|
||||
[dependencies]
|
||||
yew = { version = "0.21.0", features = ["csr"] }
|
8
client/index.html
Normal file
8
client/index.html
Normal file
@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Trunk Template</title>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
24
client/src/main.rs
Normal file
24
client/src/main.rs
Normal file
@ -0,0 +1,24 @@
|
||||
use yew::prelude::*;
|
||||
|
||||
#[function_component]
|
||||
fn App() -> Html {
|
||||
let counter = use_state(|| 0);
|
||||
let onclick = {
|
||||
let counter = counter.clone();
|
||||
move |_| {
|
||||
let value = *counter + 2;
|
||||
counter.set(value);
|
||||
}
|
||||
};
|
||||
|
||||
html! {
|
||||
<div>
|
||||
<button {onclick}>{ "+1" }</button>
|
||||
<p>{ *counter }</p>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
fn main() {
|
||||
yew::Renderer::<App>::new().render();
|
||||
}
|
Loading…
Reference in New Issue
Block a user