|
23 | 23 | <span class=normal>23</span> |
24 | 24 | <span class=normal>24</span> |
25 | 25 | <span class=normal>25</span> |
26 | | -<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span> <span class=nn>reactpy</span> <span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
| 26 | +<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span><span class=w> </span><span class=nn>reactpy</span><span class=w> </span><span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
27 | 27 |
|
28 | | -<span class=kn>from</span> <span class=nn>reactpy_router</span> <span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_search_params</span> |
| 28 | +<span class=kn>from</span><span class=w> </span><span class=nn>reactpy_router</span><span class=w> </span><span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_search_params</span> |
29 | 29 |
|
30 | 30 |
|
31 | 31 | <span class=nd>@component</span> |
32 | | -<span class=k>def</span> <span class=nf>search</span><span class=p>():</span> |
| 32 | +<span class=k>def</span><span class=w> </span><span class=nf>search</span><span class=p>():</span> |
33 | 33 | <span class=n>search_params</span> <span class=o>=</span> <span class=n>use_search_params</span><span class=p>()</span> |
34 | 34 | <span class=k>return</span> <span class=n>html</span><span class=o>.</span><span class=n>_</span><span class=p>(</span><span class=n>html</span><span class=o>.</span><span class=n>h1</span><span class=p>(</span><span class=sa>f</span><span class=s2>"Search Results for </span><span class=si>{</span><span class=n>search_params</span><span class=p>[</span><span class=s1>'query'</span><span class=p>][</span><span class=mi>0</span><span class=p>]</span><span class=si>}</span><span class=s2> 🔍"</span><span class=p>),</span> <span class=n>html</span><span class=o>.</span><span class=n>p</span><span class=p>(</span><span class=s2>"Nothing (yet)."</span><span class=p>))</span> |
35 | 35 |
|
36 | 36 |
|
37 | 37 | <span class=nd>@component</span> |
38 | | -<span class=k>def</span> <span class=nf>root</span><span class=p>():</span> |
| 38 | +<span class=k>def</span><span class=w> </span><span class=nf>root</span><span class=p>():</span> |
39 | 39 | <span class=k>return</span> <span class=n>browser_router</span><span class=p>(</span> |
40 | 40 | <span class=n>route</span><span class=p>(</span> |
41 | 41 | <span class=s2>"/"</span><span class=p>,</span> |
|
74 | 74 | <span class=normal>23</span> |
75 | 75 | <span class=normal>24</span> |
76 | 76 | <span class=normal>25</span> |
77 | | -<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span> <span class=nn>reactpy</span> <span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
| 77 | +<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span><span class=w> </span><span class=nn>reactpy</span><span class=w> </span><span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
78 | 78 |
|
79 | | -<span class=kn>from</span> <span class=nn>reactpy_router</span> <span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_params</span> |
| 79 | +<span class=kn>from</span><span class=w> </span><span class=nn>reactpy_router</span><span class=w> </span><span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_params</span> |
80 | 80 |
|
81 | 81 |
|
82 | 82 | <span class=nd>@component</span> |
83 | | -<span class=k>def</span> <span class=nf>user</span><span class=p>():</span> |
| 83 | +<span class=k>def</span><span class=w> </span><span class=nf>user</span><span class=p>():</span> |
84 | 84 | <span class=n>params</span> <span class=o>=</span> <span class=n>use_params</span><span class=p>()</span> |
85 | 85 | <span class=k>return</span> <span class=n>html</span><span class=o>.</span><span class=n>_</span><span class=p>(</span><span class=n>html</span><span class=o>.</span><span class=n>h1</span><span class=p>(</span><span class=sa>f</span><span class=s2>"User </span><span class=si>{</span><span class=n>params</span><span class=p>[</span><span class=s1>'id'</span><span class=p>]</span><span class=si>}</span><span class=s2> 👤"</span><span class=p>),</span> <span class=n>html</span><span class=o>.</span><span class=n>p</span><span class=p>(</span><span class=s2>"Nothing (yet)."</span><span class=p>))</span> |
86 | 86 |
|
87 | 87 |
|
88 | 88 | <span class=nd>@component</span> |
89 | | -<span class=k>def</span> <span class=nf>root</span><span class=p>():</span> |
| 89 | +<span class=k>def</span><span class=w> </span><span class=nf>root</span><span class=p>():</span> |
90 | 90 | <span class=k>return</span> <span class=n>browser_router</span><span class=p>(</span> |
91 | 91 | <span class=n>route</span><span class=p>(</span> |
92 | 92 | <span class=s2>"/"</span><span class=p>,</span> |
|
0 commit comments