You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/learn/tutorial-tic-tac-toe.md
+3-26Lines changed: 3 additions & 26 deletions
Original file line number
Diff line number
Diff line change
@@ -51,7 +51,7 @@ Once you've played around with the finished tic-tac-toe game, keep scrolling. Yo
51
51
52
52
## Setup for the tutorial
53
53
54
-
In the code example below, click **Run** to open the editor in a new tab using the website Jupyter. Jupyter lets you write code in your browser and preview how your users will see the app you've created. The new tab should display an empty square and the starter code for this tutorial.
54
+
In the code example below, click **Run** to open the example in your browser and preview the provided code. The run tab below should display an empty square.
55
55
56
56
=== "app.py"
57
57
@@ -77,9 +77,8 @@ In the code example below, click **Run** to open the editor in a new tab using t
2. Copy the example above into a file called `app.py`
80
-
3. Install ReactPy for your [backend](../reference/fastapi.md), for example `pip install reactpy[fastapi]`
81
-
4. Add `reactpy.run(...)` to the end of your Python file
82
-
5. Run `python app.py` to start a local server and follow the prompts to view the code running in a browser
80
+
3. [Create a standalone ReactPy app](./creating-a-react-app.md) to run the code
81
+
4. Run `python app.py` to start a local server and follow the prompts to view the code running in a browser
83
82
84
83
If you get stuck, don't let this stop you! Follow along online instead and try a local setup again later.
85
84
@@ -89,28 +88,6 @@ Now that you're set up, let's get an overview of React!
89
88
90
89
### Inspecting the starter code
91
90
92
-
In Jupyter you'll see three main sections:
93
-
94
-
<!-- TODO: Add screenshot -->
95
-
96
-
![TODO: screenshot of Jupyter]()
97
-
98
-
1. The _Files_ section with a list of files like `tic-tac-toe.ipynb`
99
-
2. The _interactive code notebook_ where you'll see the source code for each step
100
-
3. The _run button_ located on top of the notebook in the command strip
101
-
102
-
The `tic-tac-toe.ipynb` file should be selected in the _Files_ section. Click on the first code box, where the contents of that _code editor_ should be:
103
-
104
-
```python linenums="0"
105
-
{% include "../../examples/tutorial_tic_tac_toe/setup_for_the_tutorial.py" start="# start"%}
106
-
```
107
-
108
-
After clicking the _run button_ the notebook should be displaying a square with a X in it like this:
109
-
110
-
<!-- TODO: Add screenshot -->
111
-
112
-
![TODO: x-filled square]()
113
-
114
91
Now let's have a look at the files in the starter code.
0 commit comments