✳flâneur — a map of the web's best reading

🦀 Dioxus Library Cheatsheet

dioxus-cheatsheet.vercel.app · 1,816 words · saved by 1 readers

Dioxus is a declarative library for building user interfaces (UI) in Rust 🦀. It is inspired by React, so it shares many of it's concepts like Components and Hooks. Dioxus is renderer agnostic, so you can use it with any renderer that is available, for example, there are renderers for web (WASM), Desktop (Webview), TUI, Blitz (WGPU), LiveView, Freya (non-official Skia renderer), etc. Components are the building blocks of your application. They encapsulate contain the declared UI of your app. In Dioxus they are expressed in the form of functions. The function takes a Scope as an argument and returns an Element. RSX is a special syntax used to declare the UI that integrates with Rust. Components can have local state, this is useful for storing data that is only relevant to the component itself. This can be archived by using the use_state or use_ref hooks. The use_state hook is used to store data that will change over time. It takes an initial value and returns a UseState object. Every ti

🦀 Dioxus Library Cheatsheet 🦀 Dioxus Library Cheatsheet ⚠️ WORK IN PROGRESS ! ⚠️ Source Code 🐙 Components Components Props RSX ⚠️ Lifecycle State Local Shared Global Hooks ⚠️ Rules ⚠️ Custom Patterns Composition Memoization Dioxus Standard Library ⚠️ Color Scheme ⚠️ Localization (i18n) ⚠️ Channels Renderers ⚠️ Web ⚠️ Desktop ⚠️ TUI ⚠️ Blitz ⚠️ Liveview ⚠️ SSR ⚠️ Fullstack ⚠️ Freya 🔗 Overview Dioxus is a declarative library for building user interfaces (UI) in Rust 🦀. It is inspired by React, so it shares many of it's concepts like Components and Hooks . Dioxus is renderer agnostic, so you

Explore this link on the map →

related reading