Skip to content

Commit 30b6654

Browse files
committed
refine tutorial instructions and update language for clarity
1 parent 5ee7998 commit 30b6654

File tree

2 files changed

+4
-27
lines changed

2 files changed

+4
-27
lines changed

docs/overrides/home.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ <h1>Add interactivity wherever you need it</h1>
124124
<h1>Go full-stack with a framework</h1>
125125
<p>
126126
ReactPy is a library. It lets you put components together, but it doesn't prescribe how to do routing and
127-
data fetching. To build an entire app with ReactPy, we recommend a backend framework like
127+
data fetching. To build an entire app with ReactPy, you can leverage a backend framework like
128128
<a href="https://www.djangoproject.com/">Django</a> or <a href="https://www.starlette.io/">Starlette</a>.
129129
</p>
130130
<a href="{{ page.next_page.url | url }}" class="md-button md-button--primary">

docs/src/learn/tutorial-tic-tac-toe.md

Lines changed: 3 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ Once you've played around with the finished tic-tac-toe game, keep scrolling. Yo
5151

5252
## Setup for the tutorial
5353

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.
5555

5656
=== "app.py"
5757

@@ -77,9 +77,8 @@ In the code example below, click **Run** to open the editor in a new tab using t
7777

7878
1. Install [Python](https://www.python.org/downloads/)
7979
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
8382

8483
If you get stuck, don't let this stop you! Follow along online instead and try a local setup again later.
8584

@@ -89,28 +88,6 @@ Now that you're set up, let's get an overview of React!
8988

9089
### Inspecting the starter code
9190

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-
11491
Now let's have a look at the files in the starter code.
11592

11693
#### `App.js`

0 commit comments

Comments
 (0)