v0.2.0

[jkelleyrtp]

Dioxus v0.2 Release: TUI, Router, Fermi, and Tooling

March 9, 2022

Thanks to these amazing folks for their financial support on OpenCollective:

• @t1m0t
• @alexkirsz
• @freopen
• @DannyMichaels
• @SweetLittleMUV

Thanks to these amazing folks for their code contributions:

• @mrxiaozhuox
• @autarch
• @FruitieX
• @t1m0t
• @Demonthos
• @oovm
• @6asaaki

Just over two months in, and we already a ton of awesome changes to Dioxus!

Dioxus is a recently-released library for building interactive user interfaces (GUI) with Rust. It is built around a Virtual DOM, making it portable for the web, desktop, server, mobile, and more. Dioxus looks and feels just like React, so if you know React, then you'll feel right at home.

fn app(cx: Scope) -> Element {
    let mut count = use_state(&cx, || 0);

    cx.render(rsx! {
        h1 { "Count: {count}" }
        button { onclick: move |_| count += 1, "+" }
        button { onclick: move |_| count -= 1, "-" }
    })
}

What's new?

A ton of stuff happened in this release; 550+ commits, 23 contributors, 2 minor releases, and 6 backers on Open Collective.

Some of the major new features include:

• We now can render into the terminal, similar to Ink.JS - a huge thanks to @Demonthos
• We have a new router in the spirit of React-Router @autarch
• We now have Fermi for global state management in the spirit of Recoil.JS
• Our desktop platform got major upgrades, getting closer to parity with Electron @mrxiaozhuox
• Our CLI tools now support HTML-to-RSX translation for converting 3rd party HTML into Dioxus @mrxiaozhuox
• Dioxus-Web is sped up by 2.5x with JS-based DOM manipulation (3x faster than React)

We also fixed and improved a bunch of stuff - check out the full list down below.

A New Renderer: Your terminal!

When Dioxus was initially released, we had very simple support for logging Dioxus elements out as TUI elements. In the past month or so, @Demonthos really stepped up and made the new crate a reality.

The new TUI renderer even supports mouse movements, keyboard input, async tasks, borders, and a ton more.