florimondmanca/arel: Lightweight browser hot reload for Python...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

!https://github.com/florimondmanca/arel

Date: October 8, 2023

Image: GitHub - florimondmanca/arel: Lightweight browser hot reload for Python ASGI web apps — Lightweight browser hot reload for Python ASGI web apps - florimondmanca/arel <https://opengraph.githubassets.com/ee210b14022ec500864b07757bc74c910f9540d7df2ac7e6b235257a25293409/florimondmanca/arel> GitHub - florimondmanca/arel: Lightweight browser hot reload for Python ASGI web apps Lightweight browser hot reload for Python ASGI web apps - florimondmanca/arel GitHub · github.com

arel is a “Lightweight browser hot reload for Python ASGI web apps”

I just implemented this on my thoughts website using fastapi </fastapi/>, and it’s incredibly fast and lightweight. There just two lines of js that make a web socket connection back to the backend that watches for changes.

When in development mode, this snippet gets injected directly on the page and does a refresh when arel detects a change.

```
const ws = new WebSocket("ws://localhost:5000/hot-reload");
ws.onmessage = () => window.location.reload();
```