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
Master modern tools, write cleaner code, and tackle real-world challenges with Manning books, videos, and courses. Start building today.
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
- #ai
- #elixirconf-us
- #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.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
**Building the future of software with AI, trust, and human connection.**
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