Listing Screencasts

18. Fuzzy Find with Ecto & Phoenix LiveView
ecto liveview pgtrm search typeahead

Learn how to implement advanced fuzzy search functionality in your Phoenix LiveView application using Ecto. This tutorial demonstrates how to move b..

Watch Screencast
17. LiveView Typeahead
callback combobox hook liveview typeahead

In this video, we're going to build a dynamic typeahead component in Phoenix LiveView that fetches real-time suggestions based on user input. Starti..

Watch Screencast
Free
16. Add Bootstrap Icons to your Phoenix App
FREE bootstrap icons tailwind

Learn how to enhance your Phoenix web application by integrating the open-source Bootstrap icon package as an alternative to the default Heroicons. ..

Watch Screencast

LiveView Combobox

15. LiveView Combobox
combobox form input typeahead

Learn how to build a fully functional, reusable combobox component in Phoenix LiveView inspired by Headless UI. This step-by-step tutorial guides yo..

Watch Screencast
14. Fullpage Loading Spinner with LiveView
async beginner component spinner

In this video, I demonstrate how to add a full-page loading spinner to your Elixir Phoenix LiveView application using async functions. You'll learn ..

Watch Screencast
13. CSV Export with Phoenix and LiveView
csv liveview dropdown

Learn how to implement a customizable CSV export feature in your Elixir Phoenix application using LiveView. This step-by-step tutorial covers adding..

Watch Screencast
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
Showing 1 to 10 of 18 Entries