Screencasts for Elixir and Phoenix LiveView
Weekly Screencasts and Tutorials to help you learn Elixir and Phoenix LiveView in warp speed. Just bring out the 🍿 and sit back and relax.
See All ScreencastsLatest Screencasts
LiveView Typeahead
17. 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 ScreencastAdd Bootstrap Icons to your Phoenix App
16. Add Bootstrap Icons to your Phoenix App
Learn how to enhance your Phoenix web application by integrating the open-source Bootstrap icon package as an alternative to the default Heroicons. ..
Watch ScreencastLiveView Combobox
15. LiveView Combobox
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 ScreencastFullpage Loading Spinner with LiveView
14. Fullpage Loading Spinner with LiveView
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 ScreencastCSV Export with Phoenix and LiveView
13. CSV Export with Phoenix and LiveView
Learn how to implement a customizable CSV export feature in your Elixir Phoenix application using LiveView. This step-by-step tutorial covers adding..
Watch ScreencastRealtime Dashboard LiveView
12. Realtime Dashboard LiveView
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 ScreencastSet session values from LiveView
Working with session data can significantly improve the feel of web applications, making interactions feel more connected and dynamic. However, Phoe..
Add user anonymization to Phoenix application
When you are running a web application or service that has users, you will at some point deal with users that want to leave the service. And not onl..
In place edit with LiveView
A very common practice in web applications these days is to allow for inline editing of content. This is especially true when the value is a text fi..
Inspect incoming webhooks with Phoenix LiveView
In the ever-evolving world of web development, mastering the art of inspecting incoming webhooks is crucial for a seamless development experience. T..
Get started with Postgis and Ecto
If you're looking to enhance your Phoenix application with geographical data handling capabilities, PostGIS is an indispensable tool you'll want to ..