Feat: massive changes to definition of components
This change switches back to the original `ctx<props>` syntax for commponents. This lets lifetime elision to remove the need to match exactly which lifetime (props or ctx) gets carried to the output. As such, `Props` is currently required to be static. It *is* possible to loosen this restriction, and will be done in the future, though only through adding metadata about the props through the Props derive macro. Implementing the IS_STATIC trait is unsafe, so the derive macro will do it through some heuristics. For now, this unlocks sharing vnodes from parents to children, enabling pass-thru components, fragments, portals, etc.
This commit is contained in:
1 parent
c1fd848f89
commit
508c560320
82 files changed
+692
-558
No files matched your search
@@ -21,12 +21,12 @@ struct RootProps {
|
||||
navigator: Receiver<&'static str>,
|
||||
}
|
||||
|
||||
fn App(ctx: Context, props: &RootProps) -> DomTree {
|
||||
fn App(ctx: Context, props: &RootProps) -> VNode {
|
||||
let router = use_router(&ctx, |router| {});
|
||||
|
||||
let navigator = use_history(&ctx);
|
||||
|
||||
use_receiver(&ctx, || props.recv.clone(), |to| navigator.navigate(to));
|
||||
use_receiver(&ctx, || ctx.recv.clone(), |to| navigator.navigate(to));
|
||||
|
||||
ctx.render(rsx! {
|
||||
div {
|
||||
|
||||
+1
-1
@@ -12,7 +12,7 @@ fn main() {
|
||||
diouxs_webview::launch(App).run().await
|
||||
}
|
||||
|
||||
fn App(ctx: Context, props: &()) -> DomTree {
|
||||
fn App(ctx: Context<()>) -> VNode {
|
||||
let router = use_router(&ctx, |router| {
|
||||
//
|
||||
router.get("/dogs/:dogId/").render(|ctx, request| {
|
||||
|
||||
+3
-3
@@ -19,7 +19,7 @@ mod state {
|
||||
}
|
||||
}
|
||||
|
||||
static APP: FC<()> = |ctx, props| {
|
||||
static APP: FC<()> = |ctx| {
|
||||
ctx.render(html! {
|
||||
<div>
|
||||
|
||||
@@ -28,7 +28,7 @@ static APP: FC<()> = |ctx, props| {
|
||||
};
|
||||
|
||||
/// Draw the navbar on top of the screen
|
||||
static Navbar: FC<state::Route> = |ctx, props| {
|
||||
static Navbar: FC<state::Route> = |ctx| {
|
||||
ctx.render(html! {
|
||||
<div>
|
||||
|
||||
@@ -36,7 +36,7 @@ static Navbar: FC<state::Route> = |ctx, props| {
|
||||
})
|
||||
};
|
||||
|
||||
static Homepage: FC<()> = |ctx, props| {
|
||||
static Homepage: FC<()> = |ctx| {
|
||||
ctx.render(html! {
|
||||
<div>
|
||||
|
||||
|
||||
Reference in new issue
Block a user