Search⌘ K
AI Features

Render Real-time HTML with Channels (Back-end)

Explore how to use Phoenix Channels and Elixir to build real-time HTML updates for your back-end application. Learn to broadcast product release events and dynamically update user interfaces without authentication, ensuring your real-time sneaker store stays synchronized and responsive.

We'll cover the following...

HTML replacement

There are two major real-time features of our store. The first is to mark a shoe as released and update all connected shoppers with the released shoe. We’ll use HTML replacement for this feature by swapping out “coming soon” with our size selector. This approach makes it easy to ensure that a user interface looks the same before and after a real-time update occurs. Adding the application’s real-time features is usually less work than the other parts of writing due to the Channel’s abstractions.

In this section, we’ll write a small amount of code compared to the size of the project base that exists already. Real-time features are often added on top of other features, so it does make sense that we’ll spend more time building the features and less time enhancing them to be ...