Djedou user interface design is a web framework for creating fast and interactive client side web application in Rust webassembly following Elm Architecture.
- Add the WebAssembly target
rustup target add wasm32-unknown-unknown - Install
wasm-packandcargo install basic-http-server
cd .\examples\counter\
wasm-pack build --target web --release
basic-http-server -a 127.0.0.1:4000
- Move to your project root (here it is
examples/counter). - Make sure to have an index.html file in your root project that has a content like this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" name="viewport" />
<title>duid</title>
</head>
<body>
<div id="app"></div>
<script type="module">
import init, { duid } from './pkg/index.js';
(async () => {
await init();
await duid(document.querySelector('#app'));
})();
</script>
</body>
</html>
- Make sure to have following crate in your Cargo.toml file
duid = { path = "../../", features = ["default"] }
wasm-bindgen = "0.2"
- Run this command:
wasm-pack build --target web --release - For dev run:
basic-http-server -a 127.0.0.1:4000