LocalLiveView

https://hexdocs.pm/local_live_view/
Admin
LocalLiveView brings local-first interactivity to Phoenix applications by running Elixir code...
Tokens:1,135
Snippets:6
Trust Score:9
Update:1 month ago
Show doc for...
Tokens:
Raw
### LocalLiveView architecture diagram: server and browser interaction

Source: https://hexdocs.pm/local_live_view

ASCII diagram showing the architecture of LocalLiveView: a server-side Phoenix LiveView host renders a mount point with `<.local_live_view view="MyLocal" items={@items} />`, passing assigns to the browser-side Popcorn runtime. The browser runs MyLocal's mount/3, render/1, update/2, and handle_event/3 locally; events can be pushed back to the host via push_server_event/3, and optional sync to a server-side mirror module (Mirror.MyLocal.handle_sync/3) is shown.

```text
           Server                                      Browser                 
┌───────────────────────────────┐              ┌──────────────────────────────┐
│ Phoenix LiveView (host)       │              │ Popcorn (AtomVM WASM)        │
│                               │              │                              │
│ render/1                      │              │ MyLocal                      │
│   <.local_live_view           │              │   mount/3                    │
│     view="MyLocal"            │─── assigns ─▶│   render/1                   │
│     items={@items} />         │              │   update/2                   │
│                               │              │                              │
│                               │              │   handle_event/3             │
│ handle_event/3                │◀─── event ───│     push_server_event/3      │
│                               │              │                              │
│ Mirror.MyLocal.handle_sync/3  │◀─── sync ────│   mirror_sync/2              │
│   (optional)                  │              │                              │
└───────────────────────────────┘              └──────────────────────────────┘

```
Tokens:
Raw