CharlesIrvine

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

benwilson512

Author of Craft GraphQL APIs in Elixir with Absinthe

Nope, I do this a fair bit!

Also Liked

CharlesIrvine

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.

BartOtten

BartOtten

Perfectly valid method. It’s done in core_components too.

Link

Last Post!

CharlesIrvine

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.

Where Next?

Popular in Questions Top

nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New
9mm
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
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
fayddelight
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
jason.o
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 Top

nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
sergio_101
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
sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 44532 311
New
shijith.k
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
alice
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
Harrisonl
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

We're in Beta

About us Mission Statement