i-n-g-m-a-r

i-n-g-m-a-r

Suppose my LiveComponent contains some complex state.
In my liveview template I need to get some values that are nested inside that state.
For example the state contains a map: assigns.x.y.z.my_map and I need to get various values from my_map.
How would I assign my_map to a variable inside my template?

Currently I’m creating a list so that I can use for.
That doesn’t seem right though.

def render(assigns), do: ~L"""
  <section id="<%= assigns.x.id %>">
    <%= for m <- [assigns.x.y.z.my_map] do %>
      <ul>
        <li><%= m.foo %></li>
        <li><%= m.bar %></li>
        <li><%= parse_qux(m.qux) %></li>
      <ul>
    <% end %>
  </section>
"""

I don’t want to do this:

def render(%{x: %{y: %{z: %{my_map: m}}}} = assigns), do:

Maybe something like this?

def render(assigns), do:
  render(assigns, assigns.x.y.z.my_map)

defp render(assigns, m), do: ~L"""
  <section id="<%= assigns.x.id %>">
    <ul>
      <li><%= m.foo %></li>
      <li><%= m.bar %></li>
      <li><%= parse_qux(m.qux) %></li>
    <ul>
  </section>
"""

I’m not sure how either approach would affect performance and/or have side effects.

Showing Posts 1 to 6

Nicd

Nicd

Would this work?

def render(assigns) do
  m = assings.x.y.z.my_map
  ~L"""
    <section id="<%= assigns.x.id %>">
      <ul>
        <li><%= m.foo %></li>
        <li><%= m.bar %></li>
        <li><%= parse_qux(m.qux) %></li>
      <ul>
    </section>
  """
end
i-n-g-m-a-r

i-n-g-m-a-r OP

I’m afraid not, from the docs:

Similarly, do not define variables at the top of your render function:

def render(assigns) do
  sum = assigns.x + assigns.y

  ~L"""
  <%= sum %>
  """
end

Also from the docs:

To sum up:

  1. Avoid passing block expressions to library and custom functions
  2. Never do anything on def render(assigns) besides rendering a template or invoking the ~L sigil
  3. Avoid defining local variables, except within for , case , and friends

When the contents of assigns is complex, this gets ugly fast.

All of this change tracking stuff is pretty hard to grasp.

Also, when you have a lot of nested LiveComponents, the assigns are not as simple/clean as the examples in the docs.
Suppose component x > y > z > foo has some setting bar, that’s not as simple as @bar.

wolf4earth

wolf4earth

AFAIK you can use <% my_map = assigns.x.y.z.my_map %>:

def render(assigns), do: ~L"""
  <section id="<%= assigns.x.id %>">
    <% m = assigns.x.y.z.my_map %>
    <ul>
      <li><%= m.foo %></li>
      <li><%= m.bar %></li>
      <li><%= parse_qux(m.qux) %></li>
    </ul>
  </section>
"""
i-n-g-m-a-r

i-n-g-m-a-r OP

Without any penalty ?

Avoid defining local variables [..]

wolf4earth

wolf4earth

You’re right, I’ve checked the docs and you should not do that:

Another pitfall of .leex templates is related to variables. Due to the scope of variables, LiveView has to disable change tracking whenever variables are used in the template, with the exception of variables introduced by Elixir basic case , for , and other block constructs. Therefore, you must avoid code like this in your LiveEEx:

<% some_var = @x + @y %>
<%= some_var %>

Instead it’s recommended to use a function:

sum(@x, @y)

So in your case you could do this:

def render(assigns), do: ~L"""
  <section id="<%= assigns.x.id %>">
    <ul>
      <li><%= my_map(@x).foo %></li>
      <li><%= my_map(@x).bar %></li>
      <li><%= parse_qux(my_map(@x).qux) %></li>
    </ul>
  </section>
"""

Where my_map is defined like this (or using pattern matching):

def my_map(x), do: x.y.z.my_map
i-n-g-m-a-r

i-n-g-m-a-r OP

I guess maybe that’s the way to go.
There must be some reason though why the docs say “avoid” instead of “never ever”.

— All posts loaded —

Where Next? Top

Trending in Questions Top

katta
I having some trouble figuring out if I have set myself too strict of standards for my production server. Currently I can handle 75% of r...
New
peck
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
New
achenet
Hello, I’m trying to build a basic Phoenix web-app, and I’d like to use Tailwind. However, when I launch mix phx.server, I get an error...
New
bradley
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
New
unaware8150
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
New
Alvinkariuki
How Can I Optimise Compile Time Dependencies I have been building an elixir application for about 2 years now. Many modules and files ha...
New

Other Trending Topics Top

budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
budgie
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews