Post

If you're learning #ElixirLang and/or #PhoenixFramework and have any questions or need help, hit me up please 🤝

I have a question 😅 I built a silly quiz app for my daughter. When you open the quiz page, there‘s an error flash message and I don‘t understand why. Here‘s the code: github.com/HerrBertling... - can you by chance spot something? This all looks at least okay to me 🤷🏼‍♂️🫠

I’m not in front of my computer at the moment, but based on your description my guess is it has to do with the LiveView lifecycle. `mount/3` is called twice in that lifecycle, first when the initial static page is rendered, and again when the websocket connection is established to the page. (1/4)

Assigning and reassigning attributes how you’re currently is not very idiomatic. You’ll want to either: 1) check the socket connection status in `mount/3` and branch the assignment logic depending on if the liveview is connected or disconnected (2/4)

3) use `assign_async/4` and adjust the rendered view to handle a loading state if `Quiz.get_questions/1` is slow to return data. All three options depend on how you want to build things out. For more context on the LiveView Lifecycle, check out the docs here: hexdocs.pm/phoenix_live... (4/4)