zimt28
LiveView: Use render/1 alongside template file
Hello, I’m currently trying LiveView Native and would like to keep my html template file alongside the custom render(%{format: :swiftui} = assigns) function. I’ve found a way but I feel like there must be an easier option like a super(assigns) call or similar:
defmodule AppWeb.WelcomeLive do
@moduledoc false
use AppWeb, :live_view
use LiveViewNative.LiveView
require Phoenix.LiveView.HTMLEngine
@impl true
def render(%{format: :swiftui} = assigns) do
~SWIFTUI"""
<VStack>
<Text>App</Text>
</VStack>
"""
end
def render(assigns) do
Phoenix.LiveView.HTMLEngine.compile("lib/app_web/live/welcome_live.html.heex")
end
end
Is there a more elegant way to do this?
Marked As Solved
rcm765
For v0.3, currently beta is v0.2, we’ll be introducing tighter integration with Phoenix and LiveView taking advantage of the recently added render_with/1 function. I’ve been refactoring LVN around this over the past week and after numerous discussions with Jose it looks like the future of LVN will to push for render module isolation. Meaning the LiveView will handle html and the events but for other formats like swiftui and jetpack these will be rendering from their own module. I’ve already got this working in a local branch and will be pushing it up to main once v0.2 goes final around mid-January. This gets you what you want as in LV itself it detects the existence of render/1 to determine if it uses a template file or not. Because in our currently implementation of LVN we overload the render/1 function we cannot support a mix of some LVN render functions and html template files. But for v0.3 with the rendering for each format being in its own module this will no longer be a problem.
Popular in Questions
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
Enabling companies to succeed by building software people love.
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
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"