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

Learn how to connect our frontend using channels.

We'll cover the following

Rendering HTML

Now that our back end is configured, let’s connect our front end using the Phoenix Channel JavaScript client. Our strategy will be to grab the data-product-id attributes from our HTML DOM elements and then connect to a Channel per matching product ID.

Get hands-on with 1200+ tech skills courses.