yew-bulma-components

Introduction

clone project and Create a new project.

bash git clone https://github.com/doberan/yew-bulma-components.git cargo new --bin sample-yew-homepage cd sample-yew-homepage touch index.html

edit Cargo.toml.

toml [package] authors = [] edition = "2018" name = "sample_yew_homepage" version = "0.1.0" [dependencies] wasm-bindgen = "0.2.74" yew = "0.18.0" yew_bulma_components = {path="../yew-bulma-components", version = "0.1.0" }

edit index.html.

html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Sample Yew Project.</title> <base data-trunk-public-url /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css" /> </head> </html>

edit main.rs

```rust extern crate yewbulmacomponents; use yew::prelude::*; use yewbulmacomponents::components::atoms::h1_text::H1Text;

pub struct Home; impl Component for Home { type Message = (); type Properties = ();

fn create(_props: Self::Properties, _link: ComponentLink<Self>) -> Self {
    Self
}

fn update(&mut self, _msg: Self::Message) -> ShouldRender {
    unimplemented!()
}

fn change(&mut self, _props: Self::Properties) -> ShouldRender {
    false
}

fn view(&self) -> Html {
    html! {
      <H1Text classes="title" title="Sample homepage" />
    }
}

}

fn main() { yew::start_app::(); }

```

execute serve.

bash trunk serve