May 29, 2023

Implementing Dynamic Forms using Phoenix LiveView Streams

257

clicks

Implementing Dynamic Forms using Phoenix LiveView Streams

Source: fly.io

Ecto Phoenix LiveView

Berenice Medel delves into the development of a dynamic list component harnessing the capabilities of LiveView Streams and enhanced form features from LiveView 0.18/0.19. The article demonstrates how to construct a responsive list that allows users to add, edit, and delete items without requiring a complete page reload or modal pop-ups. By employing individual forms for each list item and utilizing the Phoenix.LiveView `stream` feature, performance is optimized as not all list items need to be held in memory. Additionally, form handling is refined with `to_form/2` to provide better interactivity and reduce the necessity of full form re-rendering. The component showcased represents an upgrade to traditional `has_many` forms and demonstrates an application in a shopping list, where items can be interactively managed within the list itself.

Continue reading

Related posts

Sorting Map Keys in Elixir with IEx Configuration

Mark Ericksen explains how recent changes in Elixir 1.14.4 and OTP 26 have caused map keys to be displayed in an unpredictable order. He provides a solution to sort map keys by default in IEx and shares other customizations for an improved IEx shell experience.

May 18, 2023

Deploying Elixir Apps with structure.sql in Production Environments

Mark Ericksen discusses the problem of loading a structure.sql file in a production environment where mix is not available after building a mix release. He provides a solution that involves committing the structure.sql file to version control, adding the postgresql-client package to the Dockerfile, and updating the migrate/0 function in the release.ex file to run the structure.sql file when needed.

May 17, 2023

Implementing OpenAI ChatGPT Streaming with Elixir

In this post by Jason Stiebs, he explains how to use Elixir to stream OpenAI Chat Response's in real time. By utilizing the ChatGPT Streaming API and the Req library, you can create a real-time interactive experience with low latency. Just follow his step-by-step guide to get started in minutes.

May 17, 2023

© HashMerge 2024