Use a view model with Phoenix LiveView
How to use a view model to decorate records with UI state in Phoenix LiveView.
Hi, I’m Andrew, a programmer and entrepreneur from South Africa,
building
Mailcast
for taking control of your email.
Thanks for visiting and reading.
How to use a view model to decorate records with UI state in Phoenix LiveView.
Instead of coupling your tests to the HTML structure of your LiveView, use test specific attributes to make your tests more robust. Test specific attributes can be removed to keep your production HTML clean.
How to use put_flash/3 in a LiveComponent without navigation.
Javascript has shorthand proprty names for objects. Shorthand is a library that provides a similar feature for Elixir.
Sometimes a controller and a view and a template is just too much. Here's a way to embed heex templates within your Phoenix controllers.
Get a development SSL certificate from LetsEncrypt for local development.
How to get a users timezone when using the datetime-local input type in a Phoenix LiveView.
How do you respond to channel broadcasts in a Phoenix LiveView app layout? You need a way to subscribe across all LiveViews.
How do you push an update to a single query string param without changing other params in the url or even being aware of the url or its query string. I’ll explain how to build a filter toggle component and tag list component that maintain state in the query string while updating state in the LiveView.
Phoenix comes with Heroicons built-in. If you want to change to using another icon library, like Fontawesome, it can be done quite easily with a few small changes. This post will show you the steps needed so the <.icon /> component works with Fontawesome.