Jonathan Kelley 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
..
assets 16dbf4a6f8 wip: book documentation 3 rokov pred
core 1e6e5e611b wip: move examples around 3 rokov pred
core_reference 1e6e5e611b wip: move examples around 3 rokov pred
desktop 1e6e5e611b wip: move examples around 3 rokov pred
ssr 1e6e5e611b wip: move examples around 3 rokov pred
web 1e6e5e611b wip: move examples around 3 rokov pred
README.md 5747e00b27 Various typos/grammar/rewording 3 rokov pred
async.rs b56ea6c9a9 wip: work on scheduler, async, coroutines, and merge scope into context 3 rokov pred
borrowed.rs 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
calculator.rs 1e6e5e611b wip: move examples around 3 rokov pred
coroutine.rs b56ea6c9a9 wip: work on scheduler, async, coroutines, and merge scope into context 3 rokov pred
crm.rs 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
file_explorer.rs 9726a065b0 feat: massage lifetimes 3 rokov pred
framework_benchmark.rs 1e6e5e611b wip: move examples around 3 rokov pred
hello_world.rs ba9e1dbb8f fix: messed up how lifetimes worked, need to render once per component 3 rokov pred
hydration.rs 5747e00b27 Various typos/grammar/rewording 3 rokov pred
manual_edits.rs 9726a065b0 feat: massage lifetimes 3 rokov pred
pattern_model.rs 1e6e5e611b wip: move examples around 3 rokov pred
pattern_reducer.rs 5747e00b27 Various typos/grammar/rewording 3 rokov pred
readme.rs 9726a065b0 feat: massage lifetimes 3 rokov pred
router.rs 1e6e5e611b wip: move examples around 3 rokov pred
rsx_usage.rs 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
ssr.rs 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
tailwind.rs 1e6e5e611b wip: move examples around 3 rokov pred
todomvc.rs 1e6e5e611b wip: move examples around 3 rokov pred
weather_app.rs 2933e4bc11 wip: major cleanups to scheduler 3 rokov pred
web_tick.rs ba9e1dbb8f fix: messed up how lifetimes worked, need to render once per component 3 rokov pred
webview_web.rs 1e6e5e611b wip: move examples around 3 rokov pred

README.md

Examples

Most of these examples are run through webview so you don't need the Dioxus CLI installed to preview the functionality.

These examples are fully-fledged micro apps. They can be ran with the cargo run --example XYZ

Example What it does Status
The basics A few basic examples to preview Dioxus 🛠
fine grained reactivity Escape diffing by writing values directly 🛠
Global State Management Share state between components 🛠
[Virtual Refs]() Cross-platform imperative elements 🛠
Inline Styles Define styles for elements inline 🛠
Conditional Rendering Hide/Show elements using conditionals

These examples are not necessarily meant to be run, but rather serve as a reference for the given functionality.

Example What it does Status
The basics A few basic examples to preview Dioxus 🛠
fine grained reactivity Escape diffing by writing values directly 🛠
Global State Management Share state between components 🛠
[Virtual Refs]() Cross-platform imperative elements 🛠
Inline Styles Define styles for elements inline 🛠
Conditional Rendering Hide/Show elements using conditionals
Maps/Iterators Use iterators in the rsx! macro
Render To string Render a mounted virtualdom to a string 🛠
Component Children Pass children into child components 🛠
[Function Driven children]() Pass functions to make VNodes 🛠
Memoization & Borrowed Data Suppress renders, borrow from parents
Fragments Support root-less element groups
Null/None Components Return nothing! 🛠
Spread Pattern for props Manually specify and override props
Controlled Inputs this does 🛠
[Custom Elements]() Define custom elements 🛠
[Web Components]() Custom elements to interface with WebComponents 🛠
[Testing And debugging]() this does 🛠
[Asynchronous Data]() Using suspense to wait for data 🛠
[Fiber/Scheduled Rendering]() this does 🛠
[CSS Compiled Styles]() this does 🛠
Anti-patterns A collection of discouraged patterns
Complete rsx reference A complete reference for all rsx! usage
Event Listeners Attach closures to events on elements

These web-specific examples must be run with dioxus-cli using dioxus develop --example XYZ

Example What it does
asd this does
asd this does