Correct way to handle data fetching in live view

[viscid harbor]

I have a liveview and I'm wanting to fetch some data from a remote http endpoint.

When I add the request to the mount function it appears to block the view and the websocket connection drops while loading the page. Obviously I'm doing it wrong.

This is an example of what I'm doing which is obviously incorrect

def mount(_params, _session, socket) do
  data = fetch_data_from_external_service()
  {:ok, assign(socket, :data, data)}
end

What's the correct way to do this in Phoenix? Is there a good practice example (or example project) I can follow?

[rapid anvil]

https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#module-async-operations

[broken geode]

yeah, so when you want to do some long running background stuff in a liveview (like a web request) you want to use async operations: https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#module-async-operations

[broken geode]

lol, beat me to it

[viscid harbor]

perfect that's what I was looking fort

thank you very much 🙂

so it's ok to keep the http request in the mount function as long as its async?

[rapid anvil]

it runs in a separate process if you use async assign functions

and you handle the message it sends back to you