virkillz
I really enjoy creating component using Svelte. Therefore I started to sprinkle some of my Phoenix app project with it. This way I can keep the routing, authentication, and all still handled by phoenix app and only use Javascript component when it fit.
Inspired by http://reactphoenix.com I made similar library to easily render Svelte component inside Phoenix.
The goal is to easily create .svelte component, save it under /assets/js/svelte/ and anywhere inside my template I can call <%= Sveltex.render "component-name", %{props-name: "value:} %>
I thought it might help someone else tinkering with Svelte as well.
Where Next?
Trending in Discussions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Elixir, Erlang & messaging conferences from Code Sync. Next up: ElixirConf US (10–11 Sep) & Code BEAM Europe (21–22 Oct), Haarlem + online.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #elixirconf-eu
- #metaprogramming
- #hex
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.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
patrickdm
Cool! So.. It’s time to Svelte(x)!
https://github.com/virkillz/sveltex
Sanjibukai
Hello,
Sorry if it’s an obvious question but I just want a confirmation.
This package is not a server side rendering package, right?
And if I understand correctly it replaces a call to a Svelte component from usually another Svelte component, like so:
to a call to be done directly in a regular Phoenix View/Template, like so:
Did I correctly understand?
virkillz
Yes. Correct!
raymondboswel
@virkillz This is really cool. I’ve incorporated it in my application and it works, but passing my form errors into a svelte component doesn’t work due to Jason not being able to convert the form structure to JSON. Have you encountered this issue?
silverdr
Update for 1.6.x with
esbuildwould be highly appreciated