Render Real-time HTML with Channels (Back-end)
Explore rendering real-time HTML updates in a Phoenix and Elixir application. Learn to connect sockets, create channels, broadcast updates, and integrate these features seamlessly in a sneaker store back-end, ensuring live user interface changes without duplication of logic.
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 ...