From f2e8462694df507da31686305f4a2b3df9cf658b Mon Sep 17 00:00:00 2001 From: Ryan Morshead Date: Mon, 17 Jul 2023 13:14:48 -0600 Subject: [PATCH 1/2] Fix link usages. --- docs/src/usage.md | 38 ++++++++++++++++++++++++++++---------- 1 file changed, 28 insertions(+), 10 deletions(-) diff --git a/docs/src/usage.md b/docs/src/usage.md index 0bf0387..0338459 100644 --- a/docs/src/usage.md +++ b/docs/src/usage.md @@ -92,17 +92,24 @@ This will allow ReactPy to handle the transition between routes more quickly by the cost of a full page load. ```python -from reactpy import component, html, run -from reactpy_router import link, route, simple, use_location +from reactpy import component, html, run, use_location +from reactpy_router import link, route, simple @component def root(): - location = use_location() + use_location() return simple.router( - route("/", html.h1("Home Page 🏠")), + route( + "/", + html.div( + html.h1("Home Page 🏠"), + link(html.button("About"), to="/about"), + ), + ), route("/about", html.h1("About Page 📖")), - link("/about", html.button("About")), ) + +run(root) ``` ## Hooks @@ -127,10 +134,16 @@ from reactpy_router import link, route, simple, use_query @component def root(): + use_location() return simple.router( - route("/", html.h1("Home Page 🏠")), - route("/search", search()), - link("Search", to="/search?q=reactpy"), + route( + "/", + html.div( + html.h1("Home Page 🏠"), + link("Search", to="/search?q=reactpy"), + ), + ), + route("/about", html.h1("About Page 📖")), ) @component @@ -152,9 +165,14 @@ from reactpy_router import link, route, simple, use_params @component def root(): return simple.router( - route("/", html.h1("Home Page 🏠")), + route( + "/", + html.div( + html.h1("Home Page 🏠"), + link("User 123", to="/user/123"), + ), + ), route("/user/{id:int}", user()), - link("User 123", to="/user/123"), ) @component From 99b74942cdbe54130830460ce98f57e2ef8a1156 Mon Sep 17 00:00:00 2001 From: Ryan Morshead Date: Mon, 17 Jul 2023 13:16:21 -0600 Subject: [PATCH 2/2] remove run() --- docs/src/usage.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/docs/src/usage.md b/docs/src/usage.md index 0338459..e0f7bb2 100644 --- a/docs/src/usage.md +++ b/docs/src/usage.md @@ -108,8 +108,6 @@ def root(): ), route("/about", html.h1("About Page 📖")), ) - -run(root) ``` ## Hooks