sodapopcan

sodapopcan

To get to the crux of this question right away: Does LiveView always do a first render without any assigns?

So I’m using a struct as one of my assigns. Imagine I’m the url being something like https://mydomain.com/some_id:

defmodule MyAppWeb.HomeLive do
  use MyAppWeb, :live_view

  @default_assigns [
    record: nil, # The default here will never be used, hence `nil`.  I tried giving it a default and it doesn't solve my problem.
    another_key: "that has a dynamic value but needs a default"
  ]

  def mount(%{"record_id" => record_id}, _session, socket) do
    record = Records.find_record(record_id)
    {:ok, assign(socket, @default_assigns |> Keyword.replace!(:record, record))}
  end
end

Then in my template:

<div><%= @record.some_key %></div>

No matter what, even though my page loads seemingly without a hitch, I always get an error that “nil.some_key is not a function”.

I can, of course, fix this with:

<div<%= @record && @record.some_key %></div>

but I’m confused about the lifecycle here… does the template always render once without been passed any assigns? OR am I just doing something completely wrong?

Thanks!

Showing Posts 1 to 5

hectorsq

hectorsq

Hi,

The first param for assign should be a socket.

{:ok, assign(socket, @default_assigns |> Keyword.replace!(:record, record))}

ityonemo

ityonemo

It’s been a few months, but IIRC the liveview lifecycle is as such:

  1. perform render and emit static html. This is for fast load and SEO purposes.
  2. spawn a proper live_view process, and let this live_view process redo assigns from scratch, and then sub in templated values over the live_socket.

However, with the code you have here, it seems like it should always get something out of the find_record.

I’m not sure about your assign function call. unless am I wrong, that you’re supposed to call assign(socket, key, value) and it will put it in the right place in the socket.assign field. I would drop IO.inspects after Records.find_record(...) and after the assigns(...) call to check up on what datastructures are being pushed around. If you use VScode this could help:

https://slickb.it/bits/70

sodapopcan

sodapopcan OP

Sorry, that was a typo! I’m properly calling assign(socket, ...) in my actual code.

hectorsq

hectorsq

You also defined @defaul_assigns (missing t) and are using @default_assigns

No, the first render uses the data in assigns that is initialized in mount

sodapopcan

sodapopcan OP

Thank you both for your responses. I realize it’s because I’m doing something pretty cavalier that isn’t well represented in my sample code. It’s because my route matches on any root path, so /:record_id. This of course means that requests for favicon.ico is matching :face_with_hand_over_mouth:

— All posts loaded —

Where Next? Top

Trending in Questions Top

Blokh
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
kszambelanczyk
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
RemyXRenard
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
velrest
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
samoloth
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
FlyingNoodle
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
psy-q
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 Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
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
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews