CharlesIrvine
Good idea: A LiveView with local function components?
I have some LiveViews with some very long render templates. To aid modularity and readability, I’ve experimented with moving portions of the templates into function components. For example:
defmodule MyAppWeb.TestLive do
use MyAppWeb, :live_view
def mount(_params, _session, socket) do
{:ok, assign(socket, name: "John Doe", message: "Hello")}
end
def render(assigns) do
~H"""
<.my_header name={@name}/>
<.my_body message={@message} />
"""
end
def my_body(assigns) do
~H"""
<p><%= @message %></p>
"""
end
def my_header(assigns) do
~H"""
<h1><%= @name %></h1>
"""
end
end
Can anyone see anything wrong with this approach?
Marked As Solved
benwilson512
Author of Craft GraphQL APIs in Elixir with Absinthe
Also Liked
CharlesIrvine
Good to hear that others are doing this as well.
One thing I wondered about was whether LiveView would be able to send data diffs to the browser as efficiently, since I’m a little vague on how that all works.
2
Last Post!
CharlesIrvine
I’ve been using this technique for a while now and I can’t imagine not using it going forward. I wonder if this practice is documented anywhere, since I hadn’t come across it. In my opinion, it ought to be documented.
0
Popular in Questions
Hi!
In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir?
Searched the docs for ip address and the web, no good results.
Thanks!
New
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
Hello everybody,
usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
i’m a new one to elixir
which editor can i use
vs code? or atom?
Thanks! :smiley:
New
I tried installing
elixir 1.11.2
erlang 23.3.4
via asdf in my zsh shell. Enabled the versions locally and globally.
When I list them ...
New
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
New
Other popular topics
Hi!
In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir?
Searched the docs for ip address and the web, no good results.
Thanks!
New
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
Hello!
tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability.
After spen...
New
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New
Hey,
Just curious what are the main benefits of Elixir compared to Clojure?
When is Elixir more useful than Clojure and vice versa?
Th...
New
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service.
Currently when I de...
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
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex









