Jonathan Kelley f782e14211 feat: omg what a dumb mistake před 4 roky
..
_examples 4a72b3140b feat: amazingly awesome error handling před 4 roky
assets 63bbc38f3f wip: edit some css před 4 roky
examples 4a72b3140b feat: amazingly awesome error handling před 4 roky
reference 6051b0ec86 wip: fill out the snippets před 4 roky
README.md ff0a3d1c83 wip: lots of changes to diffing před 4 roky
async.rs 05c909f320 wip: some ideas před 4 roky
basic.rs 7dfe89c958 feat: wire up event delegator for webview před 4 roky
calculator.rs 7dfe89c958 feat: wire up event delegator for webview před 4 roky
coroutine.rs f782e14211 feat: omg what a dumb mistake před 4 roky
file_explorer.rs f782e14211 feat: omg what a dumb mistake před 4 roky
framework_benchmark.rs 4a72b3140b feat: amazingly awesome error handling před 4 roky
manually.rs caf772cf24 wip: docs, html! macro, more před 4 roky
model.rs f782e14211 feat: omg what a dumb mistake před 4 roky
readme.rs 56e7eb83a9 wip: more examples před 4 roky
reducer.rs 4a0068f099 feat: bless up, no more segfaults před 4 roky
rsx_usage.rs 4a72b3140b feat: amazingly awesome error handling před 4 roky
showcase.rs 4a72b3140b feat: amazingly awesome error handling před 4 roky
slideshow.rs caf772cf24 wip: docs, html! macro, more před 4 roky
ssr.rs 05c909f320 wip: some ideas před 4 roky
tailwind.rs 05c909f320 wip: some ideas před 4 roky
testbed.rs dfaf5adee1 Feat: solve some issues regarding listeners před 4 roky
todomvc.rs 4a72b3140b feat: amazingly awesome error handling před 4 roky
webview.rs 4a0068f099 feat: bless up, no more segfaults před 4 roky
webview_web.rs 4a0068f099 feat: bless up, no more segfaults před 4 roky

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