Dioxusやってみる

https://dioxuslabs.com/learn/0.5/getting_started

使用したバージョン：dioxus-cli v0.5.6

1. 勉強用のディレクトリを作る。
2. ディレクトリ移動して、cargo install dioxus-cliしてインストールする。
   3. インストールして終わるまで10分〜15分くらいかかります。
3. 終わったら、dx newで新しいプロジェクトを作ります。
4. 作るプラットフォームを聞かれるのでWebを選択します。プロジェクトの名前は my_projectとします。deoxus rooterもTrueにします。
5. cd my_projectをして、dx serve をすると、localhostが立ち上がります。
6. ビルドが終わってhttp://localhost:8080/に訪問すると、すでにもうページが！！

開発者ツールでみると、ちゃんとネットワークのところにwasmがある〜

新しくプロジェクトを作って、自分でmain.rsの中身を書いてみる。

1. 既存のmain.rsの中身を全て消す。
2. 下記のようなコードを書く。
3. dx serveして、http://localhost:8080/ を開く。
   4. ⚠️ cargo runしてもコンソールにhelloは表示されないし、サーバーも立ち上がらないので注意！

use dioxus::prelude::*;

fn main() {
    launch(App);
}

fn App() -> Element {
    rsx! {
        "hello"
    }
}

ホットリロードなのですぐ反映される！楽しい！

rsx!がHTMLの要素を描画してくれるみたい。すごーー！

スタイリングもしてみる。
開発者ツールでみると、ちゃんとhtmlが出てる。。。！

でも現状、RustでReactっぽいものをかけると何が嬉しいかわかっていないので、そこはwasmにどんな背景があるかを知る必要がありそう...