dioxus-grpc 0.0.1

dioxus-grpc provides a convenient way to use gRPC with Dioxus

Example

fn app() -> Element {
    let req = use_signal(|| HelloRequest { name: String::new() });
    let greeter = use_greeter_service();

    rsx! {
        input {
            value: "{req().name}",
            oninput: move |event| req.write().name = event.value()
        }
        match &*greeter.say_hello(req).read() {
            Some(Ok(resp)) => rsx!{"[{resp.message}] - From server"},
            Some(Err(err)) => rsx!{"Couldn't get the name {err:#?}"},
            None => rsx!{"..."},
        }
    }
}

syntax = "proto3";

package helloworld;

service Greeter {
  rpc SayHello (HelloRequest) returns (HelloReply) {}
}

message HelloRequest {
  string name = 1;
}

message HelloReply {
  string message = 1;
}

A complete example can be found here: ./examples/

How to use ?

To use it, you will need to also use tonic-build and disable the transport feature. Therefore, something like:

[build-dependencies]
    dioxus-grpc = "*"
    tonic-build = { version = "0.13", default-features = false, features = ["prost"] }

But, you will also need to import some runtime dependencies:

[dependencies]
    dioxus = { version = "0.6", features = ["web"] }
    tonic = { version = "0.13", default-features = false, features = ["codegen", "prost"] }
    prost = "0.13"
    tonic-web-wasm-client = "0.7"

Once this is done, you can call generate_hooks in ./build.rs. See the examples for more details.