Learn how to use Phoenix LiveView for real-time features without complicated JS frameworks.

Integrate Phoenix PubSub with LiveView to build real-time features capable of broadcasting updates across a set of clients.

Use Phoenix Presence in your LiveView to track user state with just a few lines of code.

By pairing a custom Phoenix Channel with our LiveView, with the help of a Registry, we can respond to LiveView events with custom JavaScript on the client-side to provide better UX.

We’ll use LiveView’s live_link/2 together with the handle_params/3 callback to allow users to sort a table in real-time.

It’s easy to end up with an overly complex LiveView that houses lots of business rules and responsibilities. We can use Phoenix.LiveComponent to build a LiveView feature that is clean, maintainable and adherent to the Single Responsibility Principle.

The recent release of the LiveDashboard library allows us to visualize our application metrics, performance and behavior in real-time. In this post, we’ll add LiveDashboard to our Phoenix app, examine the out-of-the-box features and take a look under the hood to understand how LiveDashboard hooks into Telemetry events in order to visualize them.

Learn how to use the Contex package to render server-side SVG charts that you can update in real-time with LiveView.

Learn how you can support dynamic attributes when using reusable components with assigns_to_attribute/2 function.