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/conditional_rendering.rs

@@ -1,3 +1,4 @@
+#![allow(unused)]
 #![allow(non_snake_case)]
 use dioxus::prelude::*;
 
@@ -16,6 +17,7 @@ pub fn App(cx: Scope) -> Element {
 }
 
 #[inline_props]
+#[rustfmt::skip]
 fn LogIn<'a>(
     cx: Scope<'a>,
     is_logged_in: bool,
@@ -23,38 +25,73 @@ fn LogIn<'a>(
     on_log_out: EventHandler<'a>,
 ) -> Element<'a> {
     // ANCHOR: if_else
-    if *is_logged_in {
-        cx.render(rsx! {
-            div {
-                "Welcome!",
-                button {
-                    onclick: move |_| on_log_out.call(()),
-                    "Log Out",
-                }
-            }
-        })
-    } else {
-        cx.render(rsx! {
-            button {
-                onclick: move |_| on_log_in.call(()),
-                "Log In",
-            }
-        })
-    }
+if *is_logged_in {
+    cx.render(rsx! {
+        "Welcome!"
+        button {
+            onclick: move |_| on_log_out.call(()),
+            "Log Out",
+        }
+    })
+} else {
+    cx.render(rsx! {
+        button {
+            onclick: move |_| on_log_in.call(()),
+            "Log In",
+        }
+    })
+}
     // ANCHOR_END: if_else
 }
 
 #[inline_props]
+#[rustfmt::skip]
+fn LogInImproved<'a>(
+    cx: Scope<'a>,
+    is_logged_in: bool,
+    on_log_in: EventHandler<'a>,
+    on_log_out: EventHandler<'a>,
+) -> Element<'a> {
+    // ANCHOR: if_else_improved
+cx.render(rsx! {
+    // We only render the welcome message if we are logged in
+    // You can use if statements in the middle of a render block to conditionally render elements
+    if *is_logged_in {
+        // Notice the body of this if statment is rsx code, not an expression
+        "Welcome!"
+    }
+    button {
+        // depending on the value of `is_logged_in`, we will call a different event handler
+        onclick: move |_| if *is_logged_in {
+            on_log_in.call(())
+        }
+        else{
+            on_log_out.call(())
+        },
+        if *is_logged_in {
+            // if we are logged in, the button should say "Log Out"
+            "Log Out"
+        } else {
+            // if we are not logged in, the button should say "Log In"
+            "Log In"
+        }
+    }
+})
+    // ANCHOR_END: if_else_improved
+}
+
+#[inline_props]
+#[rustfmt::skip]
 fn LogInWarning(cx: Scope, is_logged_in: bool) -> Element {
     // ANCHOR: conditional_none
-    if *is_logged_in {
-        return cx.render(rsx!(()));
-    }
+if *is_logged_in {
+    return None;
+}
 
-    cx.render(rsx! {
-        a {
-            "You must be logged in to comment"
-        }
-    })
+cx.render(rsx! {
+    a {
+        "You must be logged in to comment"
+    }
+})
     // ANCHOR_END: conditional_none
 }