Skip to main content

Control the web with Python

Project description

Django IDOM · Tests PyPI Version License

Django-IDOM connects your Python project to a ReactJS frontend, allowing you to create interactive websites without needing JavaScript!

Following ReactJS styling, web elements are combined into reusable "components". These components can utilize hooks and events to create infinitely complex web pages.

When needed, IDOM can use components directly from NPM. For additional flexibility, components can also be fully developed in JavaScript.

Any Python web framework with Websockets can support IDOM. See below for what frameworks are supported out of the box.

Supported Frameworks Supported Frameworks (External)
Flask, FastAPI, Sanic, Tornado Django, Plotly-Dash, Jupyter

At a Glance

my_app/components.py

You'll need a file to define your IDOM 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 idom 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 IDOM 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.

Additonally, you can pass in keyword arguments 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 idom %}
<!DOCTYPE html>
<html>
  <body>
    {% component "example_project.my_app.components.hello_world" recipient="World" %}
  </body>
</html>

Resources

Follow the links below to find out more about this project.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_idom-2.0.0.tar.gz (271.3 kB view details)

Uploaded Source

Built Distribution

django_idom-2.0.0-py2.py3-none-any.whl (273.1 kB view details)

Uploaded Python 2 Python 3

File details

Details for the file django_idom-2.0.0.tar.gz.

File metadata

  • Download URL: django_idom-2.0.0.tar.gz
  • Upload date:
  • Size: 271.3 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.1 CPython/3.10.7

File hashes

Hashes for django_idom-2.0.0.tar.gz
Algorithm Hash digest
SHA256 a10e6d255340383181afca3773eaf7dd04b177e344a990367b11ebf4ba6c5246
MD5 a8c3334ffc81b23ed2b2362d0b0425ae
BLAKE2b-256 8e28015916f1d9ca409e1e155982ca7433b7672572936d897dcab95f9485287b

See more details on using hashes here.

File details

Details for the file django_idom-2.0.0-py2.py3-none-any.whl.

File metadata

File hashes

Hashes for django_idom-2.0.0-py2.py3-none-any.whl
Algorithm Hash digest
SHA256 308346b1e11c80d2d900f2f9816e1927b43eb2047b19782a17482bd830f9a7a4
MD5 b9ae4ecc2fdf4c624ee18edb74950801
BLAKE2b-256 03a27900e56479bc184dc64d7868d8463234700b6281916b63b154d14eb89879

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page