🔗 How to Use LiveView's Async Assigns

Asynchronous data loading with LiveView just got a whole lot easier with the release of LiveView 0.20.0.

Don’t want to wait? Check out a working example repo here (Just run mix.setup!)

Meet your new friends assign_async and async_result:

• Phoenix.LiveView.assign_async
• Phoenix.Component.async_result

assign_async is the new and improved way to handle asynchronous data loading in LiveViews. Let’s take a look at how it works and how you can use it.

We’ll also take a peek at the new AsyncResult struct and handle_async/3 callbacks to show how you can take lower level control of async operations if need be.