coen.bakker
Let’s say you have multiple streams in your socket assigns and you want to render the items of these streams as items in your UI. I was wondering whether then is required to render those streams as separate lists of UI elements.
For example, is the second option also possible?
- Separate lists
def mount(_, _, socket)
socket
|> stream(:posts, posts)
|> stream(:attachments, attachments)
{:ok, socket}
end
def render(assigns) do
~H"""
<div phx-update="stream">
<%= for {dom_id, post} <- @streams.posts do %>
<.post id={dom_id} post={post}/>
<% end %>
</div>
<div phx-update="stream">
<%= for {dom_id, attachment} <- @streams.attachments do %>
<.attachment id={dom_id} attachment={attachment}/>
<% end %>
</div>
"""
end
- Non-separate lists
def mount(_, _, socket)
socket
|> stream(:posts, posts)
|> stream(:attachments, attachments)
{:ok, socket}
end
def render(assigns) do
~H"""
<div phx-update="stream">
<%= for {dom_id, post} <- @streams.posts do %>
<.post id={dom_id} post={post}/>
<%= for {dom_id, attachment} <- @streams.attachments do %>
<.attachment :if={post.attachments_id == attachments.id} id={dom_id} attachment={attachment}/>
<% end %>
<% end %>
</div>
"""
end
I have tried the latter scenario. The initial render is ok. I cannot get the UI to update, however. Just wanted to check if I am overlooking something, or whether it simply isn’t possible.
Trending in Questions
Hey guys,
I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly
Do you guys have any suggestions what is the best prac...
New
Hello!
Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app.
I creat...
New
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
So my question is quite simple and i have found no conclusive answer on forum, google or AI.
Should we use :erlang.float for Integer to ...
New
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
I’m trying to set up Emacs with elixir-ls via lsp-mode and credo via Flycheck. This should mostly be preconfigured as Flycheck picks up c...
New
Other Trending Topics
I am happy to introduce the very α version of the new programming language compiled to BEAM.
Welcome Cure.
It has literally three kille...
New
Hobbes is a low-level distributed database for the Elixir programming language.
Hobbes provides a simple, safe, and scalable storage lay...
New
Hi there! We created Gust: A task orchestrator inspired by Airflow.
For those who have never heard about Aiflow, it’s a Python-based wor...
New
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve.
They are GUI (Emerge) and State management (S...
New
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #ai
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming










Showing Posts 1 to 1- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
coen.bakker
To add a bit more context.
I need to track the IDs of/in rendered elements, so I can rerender elements that need to be updated. Exploring using multiple streams as a way to so, instead of assigning a list of IDs to the socket struct.
The elements that need to be updated are identified not by the id of an item, but the id of a nested struct.