docs: update local examples and docs to support new syntaxes

packages/web/examples/async.rs

@@ -11,11 +11,11 @@ use dioxus_web;
 use gloo_timers::future::TimeoutFuture;
 
 fn main() {
-    dioxus_web::launch(App, |c| c);
+    dioxus_web::launch(App);
 }
 
-static App: Component<()> = |cx, props| {
-    let mut count = use_state(cx, || 0);
+static App: Component<()> = |cx| {
+    let mut count = use_state(&cx, || 0);
 
     cx.push_task(|| async move {
         TimeoutFuture::new(100).await;

packages/web/examples/js_bench.rs

@@ -6,7 +6,6 @@ use dioxus_core_macro::*;
 use dioxus_hooks::{use_ref, use_state};
 use dioxus_html as dioxus_elements;
 use dioxus_web;
-use gloo_timers::future::TimeoutFuture;
 use rand::prelude::*;
 
 fn main() {
@@ -73,7 +72,7 @@ fn main() {
         wasm_bindgen::intern(&x.to_string());
     }
 
-    dioxus_web::launch(App, |c| c.rootname("main"));
+    dioxus_web::launch(App);
 }
 
 #[derive(Clone, PartialEq, Copy)]
@@ -107,9 +106,9 @@ impl Label {
     }
 }
 
-static App: Component<()> = |cx, _props| {
-    let mut items = use_ref(cx, || vec![]);
-    let mut selected = use_state(cx, || None);
+static App: Component<()> = |cx| {
+    let mut items = use_ref(&cx, || vec![]);
+    let mut selected = use_state(&cx, || None);
 
     cx.render(rsx! {
         div { class: "container"
@@ -175,10 +174,10 @@ struct ActionButtonProps<'a> {
     onclick: &'a dyn Fn(),
 }
 
-fn ActionButton(cx: Scope, props: &ActionButtonProps) -> Element {
+fn ActionButton<'a>(cx: Scope<'a, ActionButtonProps<'a>>) -> Element {
     rsx!(cx, div { class: "col-sm-6 smallpad"
-        button { class:"btn btn-primary btn-block", r#type: "button", id: "{props.id}",  onclick: move |_| (props.onclick)(),
-            "{props.name}"
+        button { class:"btn btn-primary btn-block", r#type: "button", id: "{cx.props.id}",  onclick: move |_| (cx.props.onclick)(),
+            "{cx.props.name}"
         }
     })
 }
@@ -229,9 +228,9 @@ static NOUNS: &[&str] = &[
 
 // fn Row(cx: Context, props: &RowProps) -> Element {
 //     rsx!(cx, tr {
-//         td { class:"col-md-1", "{props.row_id}" }
+//         td { class:"col-md-1", "{cx.props.row_id}" }
 //         td { class:"col-md-1", onclick: move |_| { /* run onselect */ }
-//             a { class: "lbl", {props.label.labels} }
+//             a { class: "lbl", {cx.props.label.labels} }
 //         }
 //         td { class: "col-md-1"
 //             a { class: "remove", onclick: move |_| {/* remove */}

packages/web/examples/simple.rs

@@ -7,16 +7,14 @@ use dioxus_core as dioxus;
 use dioxus_core_macro::*;
 use dioxus_hooks::use_state;
 use dioxus_html as dioxus_elements;
-use dioxus_web;
-use gloo_timers::future::TimeoutFuture;
 
 fn main() {
     wasm_logger::init(wasm_logger::Config::new(log::Level::Debug));
-    dioxus_web::launch(App, |c| c);
+    dioxus_web::launch(App);
 }
 
-static App: Component<()> = |cx, props| {
-    let show = use_state(cx, || true);
+static App: Component<()> = |cx| {
+    let show = use_state(&cx, || true);
 
     let inner = match *show {
         true => {

packages/web/examples/suspense.rs

@@ -11,10 +11,10 @@ use dioxus_html as dioxus_elements;
 use dioxus_web;
 
 fn main() {
-    dioxus_web::launch(App, |c| c);
+    dioxus_web::launch(App);
 }
 
-static App: Component<()> = |cx, _| {
+static App: Component<()> = |cx| {
     let doggo = cx.suspend(|| async move {
         #[derive(serde::Deserialize)]
         struct Doggo {