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:
Jonathan Kelley committed 2021-06-01 18:33:15 -04:00
1 parent c1fd848f89
commit 508c560320
82 files changed
+692 -558

No files matched your search

+2 -2
View File
@@ -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
View File
@@ -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
View File
@@ -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>