Jonathan Kelley b32e2611e3 polish: clean up warnings 3 ani în urmă
..
_examples a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
assets 63bbc38f3f wip: edit some css 4 ani în urmă
examples a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
reference a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
README.md ff0a3d1c83 wip: lots of changes to diffing 4 ani în urmă
async.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
basic.rs 7dfe89c958 feat: wire up event delegator for webview 4 ani în urmă
borrowed.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
calculator.rs b32e2611e3 polish: clean up warnings 3 ani în urmă
coroutine.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
file_explorer.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
framework_benchmark.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
hydration.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
manually.rs b32e2611e3 polish: clean up warnings 3 ani în urmă
model.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
readme.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
reducer.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
rsx_usage.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
showcase.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
slideshow.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
ssr.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
tailwind.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
testbed.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
todomvc.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
web_tick.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
webview.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă
webview_web.rs a2c7d17b05 feat: mvoe away from compound context 3 ani în urmă

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