Skip to content

Commit 64432b2

Browse files
committed
Cleanup blocked pages
1 parent ab653c5 commit 64432b2

File tree

6 files changed

+12
-8
lines changed

6 files changed

+12
-8
lines changed

docs/src/learn/add-react-to-an-existing-project.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
See [this issue](https://github.com/reactive-python/reactpy/issues/653) for more details.
66

7+
<!--
78
## Overview
89
910
<p class="intro" markdown>
@@ -12,7 +13,6 @@ If you want to add some interactivity to your existing project, you don't have t
1213
1314
</p>
1415
15-
<!--
1616
<Note>
1717
1818
**You need to install [Node.js](https://nodejs.org/en/) for local development.** Although you can [try React](/learn/installation#try-react) online or with a simple HTML page, realistically most JavaScript tooling you'll want to use for development requires Node.js.
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
- ReactPy Router
2+
- ReactPy Flake8

docs/src/learn/python-in-psx-with-curly-braces.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
See [this issue](https://github.com/reactive-python/reactpy/issues/918) for more details.
66

7+
<!--
78
## Overview
89
910
<p class="intro" markdown>
@@ -19,7 +20,6 @@ JSX lets you write HTML-like markup inside a JavaScript file, keeping rendering
1920
- How to call a JavaScript function inside JSX with curly braces
2021
- How to use a JavaScript object inside JSX with curly braces
2122
22-
<!--
2323
## Passing strings with quotes
2424
2525
When you want to pass a string attribute to JSX, you put it in single or double quotes:

docs/src/learn/react-developer-tools.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
See [this issue](https://github.com/reactive-python/reactpy/issues/1072) for more details.
66

7+
<!--
78
## Overview
89
910
<p class="intro" markdown>
@@ -16,7 +17,7 @@ Use React Developer Tools to inspect React [components](../learn/your-first-comp
1617
1718
- How to install ReactPy Developer Tools
1819
19-
<!--
20+
2021
## Browser extension
2122
2223
The easiest way to debug websites built with React is to install the React Developer Tools browser extension. It is available for several popular browsers:

docs/src/learn/writing-markup-with-psx.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
See [this issue](https://github.com/reactive-python/reactpy/issues/918) for more details.
66

7-
## Overview
7+
<!-- ## Overview
88
99
<p class="intro" markdown>
1010
@@ -20,14 +20,15 @@ _PSX_ is a syntax extension for JavaScript that lets you write HTML-like markup
2020
2121
## PSX: Putting markup into Python
2222
23-
The Web has been built on HTML, CSS, and JavaScript. For many years, web developers kept content in HTML, design in CSS, and logic in JavaScript—often in separate files! Content was marked up inside HTML while the page's logic lived separately in JavaScript:
23+
The Web has been built on HTML, CSS, and JavaScript. For many years, web developers kept content in HTML, design in CSS, and logic in JavaScript—often in separate files! Content was marked up inside HTML while the page's logic lived separately in JavaScript: -->
2424

2525
<!-- TODO: Diagram -->
2626

27-
But as the Web became more interactive, logic increasingly determined content. Scripting languages are now in charge of the HTML! This is why **in React, rendering logic and markup live together in the same place—components.**
27+
<!-- But as the Web became more interactive, logic increasingly determined content. Scripting languages are now in charge of the HTML! This is why **in React, rendering logic and markup live together in the same place—components.** -->
2828

2929
<!-- TODO: Diagram -->
3030

31+
<!--
3132
Keeping a button's rendering logic and markup together ensures that they stay in sync with each other on every edit. Conversely, details that are unrelated, such as the button's markup and a sidebar's markup, are isolated from each other, making it safer to change either of them on their own.
3233
3334
Each React component is a JavaScript function that may contain some markup that React renders into the browser. React components use a syntax extension called PSX to represent that markup. PSX looks a lot like HTML, but it is a bit stricter and can display dynamic information. The best way to understand this is to convert some HTML markup to PSX markup.
@@ -36,7 +37,7 @@ Each React component is a JavaScript function that may contain some markup that
3637
3738
PSX and ReactPy are two separate things. They're often used together, but you _can_ use them independently of each other. PSX is a syntax extension, while ReactPy is a Python library.
3839
39-
<!-- ## Converting HTML to PSX
40+
## Converting HTML to PSX
4041
4142
Suppose that you have some (perfectly valid) HTML:
4243

mkdocs.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ nav:
1212
- Add React to an Existing Project 🚫: learn/add-react-to-an-existing-project.md
1313
- Editor Setup: learn/editor-setup.md
1414
- React Developer Tools 🚫: learn/react-developer-tools.md
15-
- Installable Extras: learn/installable-extras.md
15+
- Extra Tools and Packages 🚧: learn/extra-tools-and-packages.md
1616
- More Tutorials:
1717
- "Tutorial: React Bootstrap 🚫": learn/tutorial-react-bootstrap.md
1818
- "Tutorial: Material UI 🚫": learn/tutorial-material-ui.md

0 commit comments

Comments
 (0)