Evan Almloff b58eb04278 Fix basic routers		1 tahun lalu
..
PWA-example	e65c5f0eb3 depreciate the render macro	1 tahun lalu
assets	c113d96bbe fix: Update logos and custom assets example (#960)	2 tahun lalu
mobile_demo	e65c5f0eb3 depreciate the render macro	1 tahun lalu
openid_connect_demo	e65c5f0eb3 depreciate the render macro	1 tahun lalu
query_segments_demo	b58eb04278 Fix basic routers	1 tahun lalu
tailwind	e65c5f0eb3 depreciate the render macro	1 tahun lalu
README.md	ee25c03e74 fix some clippy lints	1 tahun lalu
all_css.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
all_events.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
calculator.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
clock.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
compose.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
control_focus.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
counter.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
crm.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
custom_assets.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
custom_html.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
disabled.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
dog_app.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
dynamic_asset.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
error_handle.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
eval.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
file_explorer.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
file_upload.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
filedragdrop.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
flat_router.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
form.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
generic_component.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
hello_world.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
hydration.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
inputs.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
link.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
login_form.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
multiwindow.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
nested_listeners.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
optional_props.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
overlay.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
pattern_model.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
pattern_reducer.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
read_size.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
readme.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
router.rs	b58eb04278 Fix basic routers	1 tahun lalu
rsx_usage.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
scroll_to_top.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
shortcut.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
shorthand.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
signals.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
simple_desktop.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
simple_list.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
simple_router.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
spread.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
ssr.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
streams.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
suspense.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
svg.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
svg_basic.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
tasks.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
textarea.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
todomvc.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
video_stream.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
web_component.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
window_event.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
window_focus.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
window_zoom.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu
xss_safety.rs	e65c5f0eb3 depreciate the render macro	1 tahun lalu

Examples

These examples are fully-fledged mini Dioxus apps.

You can run them with cargo run --example EXAMPLE_NAME. Example:

cargo run --example hello_world

(Most of these examples are run through webview, so you don't need the Dioxus CLI installed)

Basic Features

hello_world - Most basic example

readme - Counter example from the Readme

custom_assets - Include images

custom_html - Customize wrapper HTML

eval - Evaluate JS expressions

RSX

rsx_usage - Demo of all RSX features

xss_safety - You can include text without worrying about injections by default

Props

borrowed - Borrowed props

inlineprops - Demo of inline_props macro

optional_props - Optional props

CSS

all_css - You can specify any CSS attribute

tailwind - You can use a library for styling

Input Handling

all_events - Basic event handling demo

filedragdrop - Handle dropped files

form - Handle form submission

inputs - Input values

nested_listeners - Nested handlers and bubbling

textarea - Text area input

State Management

fermi - Fermi library for state management

pattern_reducer - The reducer pattern with use_state

rsx_compile_fail

Async

login_form - Login endpoint example

suspense - Render placeholders while data is loading

tasks - Continuously run future

SVG

svg_basic

svg

Performance

framework_benchmark - Renders a huge list

Note: The benchmark should be run in release mode:
cargo run --example framework_benchmark --release

heavy_compute - How to deal with expensive operations

Server-side rendering

ssr - Rendering RSX server-side

hydration - Pre-rendering with hydration

Common Patterns

disabled - Disable buttons conditionally

error_handle - Handle errors with early return

Routing

flat_router - Basic, flat route example

router - Router example

link - Internal, external and custom links

Platform Features

window_event - Window decorations, fullscreen, minimization, etc.

window_zoom – Zoom in or out

Example Apps

calculator - Simple calculator

pattern_model - Simple calculator, but using a custom struct as the model

crm - Toy multi-page customer management app

dog_app - Accesses dog API

file_explorer - File browser that uses use_ref to interact with the model

todomvc - Todo task list example

TODO

Missing Features

Fine-grained reactivity
Refs - imperative handles to elements
Function-driven children: Pass functions to make VNodes

Missing examples

Shared state
Root-less element groups
Custom elements
Component Children: Pass children into child components
Render To string: Render a mounted virtualdom to a string
Testing and Debugging

README.md