dioxus/examples
Jonathan Kelley 7ec3453ca3
Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779)
* wip: fix manganis import path
* upgrade tauri bundler, convert todo!() to unimplemented!()
* feat: mobile hotreloading + ios asset configuration
* remove oid demo and its associated env vars
* nuke all the things that cause cache thrashing
* swap to Asset type
* add some more logs
* display impl for attrvalue
* dont panic on collect failure
* cut down web deps to 150
* clean up deps in a lot of places, simplify build scripts
* clean up asset resolution and cli-dev profile
* wire up absolute paths for manganis asset in a particular mode
* move document related things around to shorten compile times
* move most things to `document::Item` and then decompose the cli-config
* switch link to stylesheet for clarity in examples
* move manganis workspace example to examples folder
* decompose manganis-cli-support
* dont need mobile demo anymore
* remove gloo dialogs
* html doesnt need document
* rename hotreload to devtools
* really clean up the html crate
* fix weird rsx spacing
* clean up desktop to use callback
* clean up document a bit
* re-wire up devsocket
* fix utf css
* yeeeet that js out of here
* synthetic web system works
* web crate almost done being cleaned up
* desktop mostly cleaned up too
* clean up cli a bit
* more cli cleanup
* cli builds again
* clean up cli, inline structs, cut down number of unique types where possible
* hotreload works again for desktop and this time, mobile too
* cfg out tungstenite
* devserver err
* more refactor to cli builder
* switch to unbounded_send
* new structure is much cleaner
* add http serve subcommand
* bundled hotreload
* kick stylsheets
* clean up a bit more, split up eventloop
* amazingly serve seems done
* change from pub to pub(crate) in cli
* remove tools
* bit more polish to cli
* fix issue with join
* gracefully handle fullstack without a server
* fullstack mobile demo
* fix launch function, move projects into example-projects folder
* hoist examples
* add "run" command
* clean up launch
* remove old manual websocket receiver
* doctor command
* allow desktop to scroll
* cut apart router crate
* dont put launch in prelude
* use dioxus::launch where possible
* rename rsx, cut out hotreload tests
* remove liveview project
* bump native
* fix compile for renderers
* move sync event response out of interpreter
* move render in serve
* rollback settings change
* cli compiles, huzzah!
* change uris for asset
* fix asset
* new tui screen
* new cargo-like tui works
* very very verty close
* it works! very small bug with incorrect grapheme calc
* Clean up devserver a bit
* status sytem
* tidy up debug filters
* clean up logging situation
* Fix a number of bugs with log printing
* new printing system is more reliable
* wire up more stuff
* things working but fullstack is having issues
* fullstack works again!
* hotreloading bundled assets works again
* bundled hotreload and beginnings of macos bundling
* Hotreload desktop
* combined server builds
* add build handle
* fix fullstack assets
* make open async, add some hooks for ios
* migrate filemap to runner
* wip global crate system
* fixup bundles + organize asset
* fix asset location bug
* all the bundled reloading!
* open ios simulator!
* full hotreload support for mobile + serverfn
* basic cleanups
* clean up dx
* Move filemap
* fix cutting of newlines
* assets workibg, some android
* hoist wry/tao
* use sync locks and headers to fix issues with android
* desktop -> mac/win/linux with alias
* better logging
* feat: workspace (entire computer!) hotreload
* should rebuild toggle, ios simulator bootup
* proper mobile support in launch
* more robust handling of assets
* fix cargo
* bring back some of tauri bundle
* make warnings go away, clippy happy on cli
* some final clippy cleanups
* fmt
* move manganis to its own folder
* upgrade bundle to stable
* drastically slim down manganis, prepping for merge
* typos, failing test, docsrs config
* remove static gen test
* nix static gen test
* we use --platform web instead of --platform fullstack now
* only bind dev urls in desktop/mobile
* install gtk
* nix static gen
* split build dir by app name
2024-10-25 17:23:45 -07:00
..
assets Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
fullstack-auth Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
fullstack-desktop Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
fullstack-hello-world Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
fullstack-router Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
fullstack-streaming Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
mobile_demo Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
pwa Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
ssg-github-pages Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
ssg-router Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
ssg-simple Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
tailwind Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
all_events.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
backgrounded_futures.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
calculator.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
calculator_mutable.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
clock.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
control_focus.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
counters.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
crm.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
custom_assets.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
custom_html.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
custom_menu.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
disabled.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
dog_app.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
dynamic_asset.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
errors.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
eval.rs Move the document trait into a separate crate (#3035) 2024-10-14 10:33:37 -07:00
file_upload.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
flat_router.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
form.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
future.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
generic_component.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
global.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
hash_fragment_state.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
hello_world.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
hydration.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
image_generator_openai.rs Move the document trait into a separate crate (#3035) 2024-10-14 10:33:37 -07:00
link.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
login_form.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
memo_chain.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
meta.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
multiwindow.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
nested_listeners.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
optional_props.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
overlay.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
popup.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
query_segment_search.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
read_size.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
README.md File explorer example moved from examples to example-projects. (#3009) 2024-09-30 07:04:11 -05:00
readme.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
reducer.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
resize.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
router.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
router_resource.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
rsx_usage.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
scroll_to_top.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
shortcut.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
shorthand.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
signals.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
simple_list.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
simple_router.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
spread.rs Extend head components with global attributes (#2888) 2024-10-01 10:24:22 -05:00
ssr.rs Update more examples, add css for more examples 2024-02-14 13:48:58 -08:00
streams.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
suspense.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
svg.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
title.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
todomvc.rs Fix bundling/path errors, sidecar support, iOS/Android simulator support, asset hotreload fixes, serverfn hotrelad, native tailwind support (#2779) 2024-10-25 17:23:45 -07:00
video_stream.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
weather_app.rs Move the document trait into a separate crate (#3035) 2024-10-14 10:33:37 -07:00
web_component.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
window_event.rs Move the document trait into a separate crate (#3035) 2024-10-14 10:33:37 -07:00
window_focus.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
window_zoom.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00
xss_safety.rs Simplify the launch builder (#2967) 2024-10-10 16:00:58 -07:00

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

optional_props - Optional props

CSS

tailwind - You can use a library for styling

Input Handling

all_events - Basic event handling demo

file upload - Handle uploading files

form - Handle form submission

inputs - Input values

nested_listeners - Nested handlers and bubbling

textarea - Text area input

State Management

Async

login_form - Login endpoint example

suspense - Render placeholders while data is loading

tasks - Continuously run future

SVG

svg

Server-side rendering

ssr - Rendering RSX server-side

hydration - Pre-rendering with hydration

Common Patterns

disabled - Disable buttons conditionally

errors - 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

crm - Toy multi-page customer management app

dog_app - Accesses dog API

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