Listing Screencasts

12. Realtime Dashboard LiveView
chart javascript liveview pubsub realtime

In this tutorial, learn how to build a real-time dashboard in Phoenix LiveView using Apex Charts. We create three dynamic charts: sales over time, d..

Watch Screencast

Realtime Charts in LiveView

11. Realtime Charts in LiveView
chart javascript liveview realtime

Building interactive, real-time charts in a Phoenix LiveView application can be challenging. The complexity of connecting JavaScript charting librar..

Watch Screencast

Sortable table with Sortable JS

10. Sortable table with Sortable JS
sortable table

Reordering items directly in the user interface is a feature that can greatly enhance the user experience in web applications. In this video, I'll w..

Watch Screencast

Building a ChatGPT Chatbot with Elixir and Phoenix LiveView

9. Building a ChatGPT Chatbot with Elixir and Phoenix LiveView
ai chatgpt liveview

In this tutorial, I will go through the process of integrating ChatGPT with an Elixir backend, using Phoenix LiveView for real-time updates. It is ..

Watch Screencast

Subdomain Routing

8. Subdomain Routing

A common feature in larger web applications, especially SaaS platforms, is the ability to handle different subdomains with separate routing. In thi..

Watch Screencast

In Place Edit with Phoenix LiveView

7. In Place Edit with Phoenix LiveView
contenteditable forms liveview

Inline editing is a common feature in modern web applications, allowing users to edit content directly on the page without navigating to a separate ..

Watch Screencast

Set session values from LiveView

Free
6. Set session values from LiveView
FREE csrf encrypt session

In most web applications, there's a need to store session values for users, especially for things like authentication tokens, current user IDs, or p..

Watch Screencast

Build Off Canvas Menu with LiveView

5. Build Off Canvas Menu with LiveView
drawer form modal offcanvas

A step by step tutorial in switching from traditional modals to a sleek off-canvas menu with Phoenix LiveView. In this video, you'll learn how to bu..

Watch Screencast

Dropdown Navigation

4. Dropdown Navigation
forms liveview navigation

In the example application that I am working with, It would be nice if I could quickly navigate between the records I have in the database without g..

Watch Screencast

Caching with Cachex

3. Caching with Cachex
cache liveview

At some point, your application will grow to a size where it starts to make sense to apply caching for some parts of it. This growth can be due to ..

Watch Screencast
Showing 21 to 30 of 32 Entries