jatins

jatins

the docs for functional components say (emphasis mine)

Although this is a quick example, it shows the different roles function components play in Phoenix:

  • Function components can be defined as functions that receive assigns as argument and call the ~H sigil, as we did in greet/1
  • Function components can be embedded from template files, that’s how we load show.html.heex into HelloWeb.HelloHTML
  • Function components can declare which attributes are expected, which are validated at compilation time
  • Function components can be directly rendered from controllers
  • Function components can be directly rendered from other function components, as we called <.greet messenger={@messenger} /> from show.html.heex

Ask: How do I render a functional components (that is the function returning ~H sigil) directly from controller function without needing a .html.heex template in the middle? Couldn’t find any examples for it in docs

Showing Posts 1 to 4

sodapopcan

sodapopcan

I think that may be just weird wording referring to how you can do this:

def MyAppWeb.FooController do
  use MyAppWeb, :controller

  def index(conn, _params) do
    render(conn, :index)
  end
end

def MyAppWeb.FooHTML do
  use MyAppWeb, :html

  def index(assigns) do
    ~H"""
    My template
    """
  end
end

def index(assigns) is a component which is rendered from the controller by referencing its name as opposed to “rendering a template from the controller.” AFAIK, you can’t render heex inside a controller action which is what you’re asking. If you have some better wording you could always open a PR to improve!

It’s possible I’m wrong and you can do what you’re asking but I’ve searched through the docs and can’t find anything. render doesn’t take HEEx at all.

LostKobrakai

LostKobrakai

There is no requirement to have a view layer:

jatins

jatins OP

@sodapopcan thanks, this is what I was looking for! The examples I came across render a .html.heex “template” rather than a component directly. But this answers "how to skip the .html.heex templates. I’ll send a PR to docs to add this example as well

@LostKobrakai that’s interesting! letting you skip the view layer (i,e, MyAppWeb.FooHTML) completely

— All posts loaded —

Where Next? Top

Trending in Questions Top

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
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
Onor.io
I have what I’ve heard referred to as a “lookup table” in my database. This is a way of assigning codes to common values. One common lo...
New
jaybe78
Hello, I’m developing a online persistent chat system (what’s app) like using elixir/dynamodb/aws for a mobile app(flutter). The diffic...
New
Trolleger
What approach to take when sending live updates to “random” users Hi! I have a question, I have a little chat app, and when I create a DM...
New
widianto
I think I’ve found a small improvement I could contribute to &lt;%= web_namespace %&gt;.CoreComponents (installer/templates/phx_web/compo...
New

Other Trending Topics Top

garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
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
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New
aseigo
ICal is a library for interacting with iCalendar data. It parses iCalendars into typed Elixir structs via ICal.from_ics, and can prepare ...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews