How to integrate with react/angular/vue/stentil app?

[Eliot00]

If I have some component write by other frontend library, can I use them in dioxus desktop?

[t1m0t]

Could you be more specific and provide an example on what you'r trying to do?

[Eliot00]

I want to make a markdown editor, there is a ReactJS component. Is there anything I can do to get it embedded in my dioxus desktop app?

fn app(cx: Scope) -> Element {

    cx.render(rsx!(
        div { include_react { MDEditor } }
    ))
}

[jkelleyrtp]

You can render React directly into an Element if you get it by ID.

Something along the lines of:

• spawn a future only when the component is mounted
• query the page by ID to get the element to render into
• call React.render using the element returned above
• on each render, update your React app's internal state

There's no straightforward way of sending events from React into Dioxus (yet), so that's logic you'll need to write yourself.