Sen descrición

Jonathan Kelley 7102fe5f98 docs: add some more sources in the core implementation %!s(int64=4) %!d(string=hai) anos
.vscode 62ae5d3bb9 wip: rethinking stack machine %!s(int64=4) %!d(string=hai) anos
docs 517d7f1495 Chore: some cleanup and documentation %!s(int64=4) %!d(string=hai) anos
examples 62ae5d3bb9 wip: rethinking stack machine %!s(int64=4) %!d(string=hai) anos
notes 91f1b00517 wip: move away from patch machine %!s(int64=4) %!d(string=hai) anos
packages 7102fe5f98 docs: add some more sources in the core implementation %!s(int64=4) %!d(string=hai) anos
src 70cd46dbb2 docs: move around examples %!s(int64=4) %!d(string=hai) anos
.gitignore c08cd4cb5c chore: tweak gitignore to hide unnecessary vscode files %!s(int64=4) %!d(string=hai) anos
Cargo.toml 70cd46dbb2 docs: move around examples %!s(int64=4) %!d(string=hai) anos
LICENSE c4e8d8bb31 Feat: wire up a very basic dom updater %!s(int64=4) %!d(string=hai) anos
README.md 70cd46dbb2 docs: move around examples %!s(int64=4) %!d(string=hai) anos

README.md

🌗🚀 Dioxus

Frontend that scales.

Dioxus is a portable, performant, and ergonomic framework for building cross-platform user experiences in Rust.

fn Example(cx: Context<()>) -> VNode {
    let (selection, set_selection) = use_state(&cx, || "..?");

    cx.render(rsx! {
        h1 { "Hello, {selection}" }
        button { "?", onclick: move |_| set_selection("world!")}
        button { "?", onclick: move |_| set_selection("Dioxus 🎉")}
    })
};

Dioxus can be used to deliver webapps, desktop apps, static pages, liveview apps, eventually mobile apps (WIP), and more. At its core, Dioxus is entirely renderer agnostic and has great documentation for creating new renderers for any platform.

If you know React, then you already know Dioxus.

Things you'll love ❤️:

  • Ergonomic design
  • Minimal boilerplate
  • Familiar design and semantics
  • Simple build, test, and deploy
  • Compile-time correct templating
  • Support for html! and rsx! templating
  • SSR, WASM, desktop, and mobile support
  • Powerful and simple integrated state management
  • Rust! (enums, static types, modules, efficiency)

Get Started with...

Explore

Blog Posts

  • [Why we need a stronger typed web]()
  • [Isomorphic webapps in 10 minutes]()
  • [Rust is high level too]()
  • [Eliminating crashes with Rust webapps]()
  • [Tailwind for Dioxus]()
  • [The monoglot startup]()

Why?


TypeScript is a great addition to JavaScript, but comes with a lot of tweaking flags, a slight performance hit, and an uneven ecosystem where some of the most important packages are not properly typed. TypeScript provides a lot of great benefits to JS projects, but comes with its own "tax" that can slow down dev teams. Rust can be seen as a step up from TypeScript, supporting:

  • static types for all libraries
  • advanced pattern matching
  • immutability by default
  • clean, composable iterators
  • a good module system
  • integrated documentation
  • inline built-in unit/integration testing
  • best-in-class error handling
  • simple and fast build system
  • powerful standard library (no need for lodash or underscore)
  • include_str! for integrating html/css/svg templates directly
  • various macros (html!, rsx!) for fast template iteration

And much more. Dioxus makes Rust apps just as fast to write as React apps, but affords more robustness, giving your frontend team greater confidence in making big changes in shorter time. Dioxus also works on the server, on the web, on mobile, on desktop - and it runs completely natively so performance is never an issue.

Web Desktop Mobile State Docs Tools