Spawning when the page has loaded

[florg-32]

Hey,

I would like to use plotly in my wasm only app. I have tried this

const PLOTLY_JS: Asset = asset!("/assets/plotly-3.0.0.min.js");
...
#[component]
fn App() -> Element {
    spawn(async {
        let mut plot = Plot::new();
        let trace = Scatter::new(vec![0, 1, 2], vec![2, 1, 0]);
        plot.add_trace(trace);
        plotly::bindings::new_plot("plot", &plot).await;
    });

    rsx! {
        document::Script { src: PLOTLY_JS }
        div { id: "plot"  }
    }
}

which fails with some RuntimeErrors, some panics and an unreachable executed, because, AFAICT, plotly.js is not yet loaded when the Future is run and tries to call some non-existing JS. If only spawn it on a button click, everything works.

Is there a way for me to spawn the Future once the page has been loaded?

Thanks,
Flo

[ealmloff]

You can move your code that modifies the dom into an effect which runs after the component has been rendered to the dom. This section of the essentials guide talks about manually updating the dom: https://dioxuslabs.com/learn/0.6/essentials/breaking/#synchronizing-dom-updates-with-use-effect