Jonathan Kelley 7dfe89c958 feat: wire up event delegator for webview 4 tahun lalu
..
_examples 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
assets 63bbc38f3f wip: edit some css 4 tahun lalu
examples 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
reference 6051b0ec86 wip: fill out the snippets 4 tahun lalu
README.md ff0a3d1c83 wip: lots of changes to diffing 4 tahun lalu
async.rs 05c909f320 wip: some ideas 4 tahun lalu
basic.rs 7dfe89c958 feat: wire up event delegator for webview 4 tahun lalu
calculator.rs 7dfe89c958 feat: wire up event delegator for webview 4 tahun lalu
framework_benchmark.rs 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
manually.rs caf772cf24 wip: docs, html! macro, more 4 tahun lalu
model.rs 7dfe89c958 feat: wire up event delegator for webview 4 tahun lalu
readme.rs 56e7eb83a9 wip: more examples 4 tahun lalu
reducer.rs 975fa566f9 wip: more refactor for async 4 tahun lalu
rsx_usage.rs 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
showcase.rs 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
slideshow.rs caf772cf24 wip: docs, html! macro, more 4 tahun lalu
ssr.rs 05c909f320 wip: some ideas 4 tahun lalu
tailwind.rs 05c909f320 wip: some ideas 4 tahun lalu
testbed.rs dfaf5adee1 Feat: solve some issues regarding listeners 4 tahun lalu
todomvc.rs 4a72b3140b feat: amazingly awesome error handling 4 tahun lalu
webview.rs 7dfe89c958 feat: wire up event delegator for webview 4 tahun lalu

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