vertigo-cliSee Changelog for recent features.
Go to TUTORIAL if you want to try.
sh
cargo install vertigo --version 0.2.0-alpha
Dependencies:
toml
vertigo = "0.2.0-alpha"
Example 1:
```rust use vertigo::{dom, DomElement, Value, bind, start_app};
pub fn app() -> DomElement { let count = Value::new(0);
let increment = bind!(count, || {
count.change(|value| {
*value += 1;
});
});
let decrement = bind!(count, || {
count.change(|value| {
*value -= 1;
});
});
dom! {
<html>
<head/>
<body>
<div>
<p>"Counter: " { count }</p>
<button on_click={decrement}>"-"</button>
<button on_click={increment}>"+"</button>
</div>
</body>
</html>
}
}
pub fn startapplication() { startapp(app); } ```
Example 2:
```rust use vertigo::{css, component, DomElement, Value, dom, start_app};
pub fn MyMessage(message: Value
"Message to the world: "
{ message }
fn app() -> DomElement { let message = Value::new("Hello world!".to_string());
let main_div = css!("
color: darkblue;
");
dom! {
<html>
<head/>
<body>
<div css={main_div}>
<MyMessage message={message} />
</div>
</body>
</html>
}
}
pub fn startapplication() { startapp(app); } ```
Take a look at More examples here.
Make sure you're using nightly version of rust:
rustup default nightlyInstall cargo-make and vertigo-cli:
cargo install cargo-make vertigo(Before stable version is released, append --version 0.2.0-alpha to install command)
Build and run project using:
cargo make demo-startEventually terminal will let you know that app is available under http://localhost:4444/
If you want to play around with the code, you can make cargo to watch for your changes:
cargo make demo-watchThe browser will automatically refresh after the project has been recompiled.
If you want to use "chat" in demo you need to first run websocket server in separate terminal with command:
cargo make demo-serve-apiTo run the examples in watch mode (they will run on localhost:4444):
cargo make examples-counter or cargo make examples-router or cargo make examples-trafficlights