ReactPy is a library for building user interfaces in Python without Javascript. ReactPy interfaces are made from components that look and behave similar to those found in ReactJS. Designed with simplicity in mind, ReactPy can be used by those without web development experience while also being powerful enough to grow with your ambitions.
| Supported Backends | |
|---|---|
| Built-in | External |
| Flask, FastAPI, Sanic, Tornado | Django, Jupyter, Plotly-Dash |
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.
from reactpy import component, html
@component
def hello_world(recipient: str):
return html.h1(f"Hello {recipient}!")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.
{% load reactpy %}
<!DOCTYPE html>
<html>
<body>
{% component "example_project.my_app.components.hello_world" recipient="World" %}
</body>
</html>Follow the links below to find out more about this project.
- Try it Now - check out ReactPy in a Jupyter Notebook.
- Documentation - learn how to install, run, and use ReactPy.
- Community Forum - ask questions, share ideas, and show off projects.
- Contributor Guide - see how you can help develop this project.
- Code of Conduct - standards for interacting with this community.