codify "platform" into resolution logic, server-fn/fullstack overhaul (#4596)
overhaul dioxus fullstack using a new implementation of server_fn This PR is a complete rewrite of dioxus fullstack designed to improve compatibility with axum and to fix a number of compilation errors based on feature flag unification plumbing through macros.
This commit is contained in:
1 parent
8421c3aef0
commit
f2b1c6d97f
424 files changed
+17284
-6624
No files matched your search
@@ -0,0 +1,32 @@
|
||||
//! Dioxus allows webcomponents to be created with a simple syntax.
|
||||
//!
|
||||
//! Read more about webcomponents [here](https://developer.mozilla.org/en-US/docs/Web/Web_Components)
|
||||
//!
|
||||
//! We typically suggest wrapping webcomponents in a strongly typed interface using a component.
|
||||
|
||||
use dioxus::prelude::*;
|
||||
|
||||
fn main() {
|
||||
dioxus::launch(app);
|
||||
}
|
||||
|
||||
fn app() -> Element {
|
||||
rsx! {
|
||||
div {
|
||||
h1 { "Web Components" }
|
||||
CoolWebComponent { my_prop: "Hello, world!".to_string() }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// A web-component wrapped with a strongly typed interface using a component
|
||||
#[component]
|
||||
fn CoolWebComponent(my_prop: String) -> Element {
|
||||
rsx! {
|
||||
// rsx! takes a webcomponent as long as its tag name is separated with dashes
|
||||
web-component {
|
||||
// Since web-components don't have built-in attributes, the attribute names must be passed as a string
|
||||
"my-prop": my_prop,
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user