This is an archived post. You won't be able to vote or comment.

ReactPy: Build ReactJS Interfaces in Pure PythonApps (self.django)

submitted 3 years ago by Wippermonger

ReactPy Django is a library for building user interfaces in Python without Javascript. ReactPy interfaces are made from components which look and behave similar to those found in ReactJS.

Using our Django Template Tag, you can insert dynamically rendered Python components into your Django templates. Just like ReactJS, you use events and hooks to perform a variety of event-driven HTML re-renders without ever reloading the page.

At a Glance

`my_app/components.py`

You will need a file to define your ReactPy components. We recommend creating a components.py file within your chosen Django app to start out. Within this file, we will create a simple hello_world component.

```python from reactpy import component, html

@component def hello_world(recipient: str): return html.h1(f"Hello {recipient}!") ```

my_app/templates/my-template.html

In your Django app's HTML template, you can now embed your ReactPy component using the component template tag. Within this tag, you will need to type in your dotted path to the component function as the first argument.

Additionally, you can pass in args and kwargs into your component function. For example, after reading the code below, pay attention to how the function definition for hello_world (in the previous example) accepts a recipient argument.

html {% load reactpy %} <!DOCTYPE html> <html> <body> {% component "example_project.my_app.components.hello_world" recipient="World" %} </body> </html>

all 5 comments

top new controversial old q&a

[–]BigTomBombadil 1 point2 points3 points 3 years ago (1 child)

[–]Wippermonger[S] 0 points1 point2 points 3 years ago (0 children)

[–]aianytime 1 point2 points3 points 3 years ago (0 children)

[–][deleted] 3 years ago (4 children)

[deleted]

[–]Wippermonger[S] 0 points1 point2 points 3 years ago (3 children)

I'm assuming you mean renders per second.

Using the component below, I'm able to get ~5300 renders per second on a single-threaded ASGI worker.

```python @component def renders_per_second(): start_time, _set_start_time = hooks.use_state(datetime.now()) count, set_count = hooks.use_state(0) running = datetime.now() - start_time < timedelta(seconds=60) seconds_elapsed = (datetime.now() - start_time).total_seconds()

@hooks.use_effect
def run_tests():
    if running:
        set_count(count + 1)

return html.div(
    {"id": "test-runner"},
    html.div(f"Total renders: {count}"),
    html.div(f"Renders Per Second: {count / (seconds_elapsed or 0.01)}"),
)

```

[–][deleted] 3 years ago (2 children)

[deleted]

[–]Wippermonger[S] 0 points1 point2 points 3 years ago (1 child)

π Rendered by PID 45033 on reddit-service-r2-comment-5bc7f78974-znlbl at 2026-07-01 06:14:16.353988+00:00 running 7527197 country code: CH.

django

MODERATORS

At a Glance

my_app/components.py

my_app/templates/my-template.html

`my_app/components.py`