web-async-patterns - GitLite

KO | EN

gitlite — search

#python #go #golang #android #machine-learning #rust #docker #java #cli #awesome-list #pytorch #ios #openai #open-source

web-async-patterns

(★ 119)

This repo shows patterns you can use to elevate Python web apps via streaming HTML and htmx

File Explorer

Download Latest Version (.zip)

- - chooser.html
  - shell.html
  - shell_htmx.html
- - __init__.py
  - jinja.py
  - sse.py
  - stream.py
- __init__.py
- apps.py
- recommendations.py
- _item.html
- home.html
- shell.html
- - avatar.png
  - banner-bg.jpg
  - complete.png
  - logo.svg
  - methods.png
  - offer.jpg
- - htmx.1.9.4.min.js
  - htmx.1.9.4_dist_ext_sse.js
- __init__.py
- asgi.py
- settings.py
- urls.py
- wsgi.py
.gitignore
manage.py
README.md
requirements.in
requirements.txt

# Installation Guide

1. Get the code

git clone https://github.com/PyHAT-stack/web-async-patterns

Downloads the entire project code from GitHub to your computer.

cd web-async-patterns

Moves into the project folder you just downloaded.

2. Python

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Python 3 On Windows, be sure to check 'Add Python to PATH' during installation.

python -m venv .venv --prompt stream_python

Runs the Python script (or module).

pip install -r requirements.txt

Installs the Python libraries listed in requirements.txt (or similar).

✅ If it runs without errors and prints output in the terminal, it worked.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Proof of concept: Streaming HTML with Python

Inspired by Taylor Hunt's incredible explanation of how he turned [a slow Fortune 20 webapp into a snappy experience, even on a cheap Android phone](https://dev.to/tigt/making-the-worlds-fastest-website-and-other-mistakes-56na), I made this repo to show the current capability of Django to render streaming HTML.

This technique is best used to improve the perceptual performance for expensive database queries or slow API calls. The idea is that the user could start seeing the page come together while the query or calls are happening. Rendering of the page will pause once it hits the block that is waiting on the data, but being able to see the page render should make the user feel as though the website is performing faster.

Referencing Taylor's blog post:

> Both of [these pages](https://assets.codepen.io/183091/HTML+streaming+vs.+non.mp4) show search results in 2.5 seconds. But they sure don't _feel_ the same.

This concept shows how a recommendation engine takes some time to recommend four products, based for the current user.

## Viewing the concept

Open a terminal at the root of this project and type the following:

```shell
python -m venv .venv --prompt stream_python
# If in Windows:
.venv/Scripts/activate
# otherwise
source .venv/bin/
# Then
pip install -r requirements.txt
uvicorn stream.asgi:application --reload 
```

You can then click the link in the terminal or go to http://127.0.0.1:8000 to view the page.

## Thanks

Thanks to https://github.com/fajar7xx/ecommerce-template-tailwind-1 for the HTML template.