Update docs to reflect changes in master (#670)

* work on updating docs to master version

* more updates

* more polishing

* finish interactivity chapter

* finish updating core guide

* fix grammer mistakes and typos

* more grammer fixes

* add liveview guide

* remove doc build

* WIP custom renderer docs

* add axum as dev-dependancy to guide

* fix examples

* fix overview example

* use md book fork to fix compilation

docs/guide/examples/hooks_bad.rs

@@ -7,60 +7,61 @@ fn main() {
     dioxus_desktop::launch(App);
 }
 
+#[rustfmt::skip]
 fn App(cx: Scope) -> Element {
     let you_are_happy = true;
     let you_know_it = false;
 
     // ANCHOR: conditional
-    // ❌ don't call hooks in conditionals!
-    // We must ensure that the same hooks will be called every time
-    // But `if` statements only run if the conditional is true!
-    // So we might violate rule 2.
-    if you_are_happy && you_know_it {
-        let something = use_state(cx, || "hands");
-        println!("clap your {something}")
-    }
-
-    // ✅ instead, *always* call use_state
-    // You can put other stuff in the conditional though
+// ❌ don't call hooks in conditionals!
+// We must ensure that the same hooks will be called every time
+// But `if` statements only run if the conditional is true!
+// So we might violate rule 2.
+if you_are_happy && you_know_it {
     let something = use_state(cx, || "hands");
-    if you_are_happy && you_know_it {
-        println!("clap your {something}")
-    }
+    println!("clap your {something}")
+}
+
+// ✅ instead, *always* call use_state
+// You can put other stuff in the conditional though
+let something = use_state(cx, || "hands");
+if you_are_happy && you_know_it {
+    println!("clap your {something}")
+}
     // ANCHOR_END: conditional
 
     // ANCHOR: closure
-    // ❌ don't call hooks inside closures!
-    // We can't guarantee that the closure, if used, will be called at the same time every time
-    let _a = || {
-        let b = use_state(cx, || 0);
-        b.get()
-    };
-
-    // ✅ instead, move hook `b` outside
+// ❌ don't call hooks inside closures!
+// We can't guarantee that the closure, if used, will be called in the same order every time
+let _a = || {
     let b = use_state(cx, || 0);
-    let _a = || b.get();
+    b.get()
+};
+
+// ✅ instead, move hook `b` outside
+let b = use_state(cx, || 0);
+let _a = || b.get();
     // ANCHOR_END: closure
 
     let names: Vec<&str> = vec![];
 
     // ANCHOR: loop
-    // `names` is a Vec<&str>
+// `names` is a Vec<&str>
 
-    // ❌ Do not use hooks in loops!
-    // In this case, if the length of the Vec changes, we break rule 2
-    for _name in &names {
-        let is_selected = use_state(cx, || false);
-        println!("selected: {is_selected}");
-    }
+// ❌ Do not use hooks in loops!
+// In this case, if the length of the Vec changes, we break rule 2
+for _name in &names {
+    let is_selected = use_state(cx, || false);
+    println!("selected: {is_selected}");
+}
 
-    // ✅ Instead, use a hashmap with use_ref
-    let selection_map = use_ref(cx, HashMap::<&str, bool>::new);
+// ✅ Instead, use a hashmap with use_ref
+let selection_map = use_ref(cx, HashMap::<&str, bool>::new);
 
-    for name in &names {
-        let is_selected = selection_map.read()[name];
-        println!("selected: {is_selected}");
-    }
+for name in &names {
+    let is_selected = selection_map.read()[name];
+    println!("selected: {is_selected}");
+}
     // ANCHOR_END: loop
 
     cx.render(rsx!(()))