Latest #js Threads 
Episode 297 of Thinking Elixir. News includes Quickbeam, an exciting new research project that brings a full JavaScript runtime inside th...
New
Sonx is an Elixir port of ChordSheetJS (v14) for parsing and formatting chord sheets.
Parse an input string into an intermediate Song st...
New
First Hello.
Secondly:
I want declare my intent before I say anything else so that I’m not misunderstood.
I want to have a conversatio...
New
<div class="wrapper">
<button
class="btn"
phx-click={JS.toggle(to: ".element-to-toggle")} # here I hope find it without ...
New
I have an element defined like
<img class="sdicon" phx-click={JS.show(to: "#click-target", transition: "fade-in-scale")} src={~p"/ima...
New
Hi!
I have a question regarding gettext translations, is there any way of how get extracted translations inside js files?
For example i...
New
Episode 236 of Thinking Elixir. News includes José Valim’s exciting PR for Elixir 1.19 that dramatically enhances type inference capabili...
New
I’m having difficulty understanding where JS can belong in a liveview app. I understand that JS hooks belong in app.js, but there is only...
New
I want to send multiple events to liveview on the form submittion. I am chaining two JS.push commands, but the server recieves only first...
New
I try to implement “show fancy” and “hide fancy” as in examples in the fine docs of Phoenix.LiveView.JS. While I seem to have no problems...
New
This Week's Trending
This Month's Trending
This Year's Trending
First Hello.
Secondly:
I want declare my intent before I say anything else so that I’m not misunderstood.
I want to have a conversatio...
New
Episode 297 of Thinking Elixir. News includes Quickbeam, an exciting new research project that brings a full JavaScript runtime inside th...
New
Sonx is an Elixir port of ChordSheetJS (v14) for parsing and formatting chord sheets.
Parse an input string into an intermediate Song st...
New
Last Three Year's Trending
Tailwind has nice transitions for components like slid-overs, dropdowns, and modals. For example, these are the transitions classes for a...
New
I’m working with LiveView.JS for the first time. It’s one of the features that’s brought me back to LiveView on the frontend, and I feel ...
New
Hi all
I am still learning Elixir, Phoenix and LiveView. I love the way I can describe the state in my LiveView and it is automagically ...
New
Background
I have app.html.heex with a top bar that I got from TailwinUI : Tailwind CSS Stacked Layouts - Official Tailwind UI Components...
New
I’m having difficulty understanding where JS can belong in a liveview app. I understand that JS hooks belong in app.js, but there is only...
New
Phoenix LiveView v0.20.4 offers a hidden gem with its handy little JS.toggle_class/1 feature. This addition simplifies toggling classes f...
New
Hi there,
I’m adding an animation to an existing DOM object. To do so I use JS.transition to add a temp CSS class, the call is initiated...
New
I have a live view application that displays exchange rates data. Within the application, there is a box called “announcement” which show...
New
I want to add a Leaflet map, without loading some js and css from external parties.
I followed Asset Management — Phoenix v1.8.8
First ...
New
I’d like to do sth in the line of
JS.push_to_client(
socket,
JS.set_attribute({"some-attr", "some-value"}, to: "#some-id")}
)
What...
New
I have a requirement to implement a feature that allows users to upload image files. I’m currently using LiveView in Phoenix for this, en...
New
Thinking about writing a custom adapter for Svelte serverside rendering (SSR) via Phoenix HTML Views
So I’ve been digging into svelte the last few days and I have to say I’m really hooked.
I’m not going to spend this time telling you why...
New
Hello community,
I’ve been exploring the possibility of programmatically setting files in the browser and associating them with a live_f...
New
I try to implement “show fancy” and “hide fancy” as in examples in the fine docs of Phoenix.LiveView.JS. While I seem to have no problems...
New
I am learning Phoenix and Elixir and making myself a website. I know this is probably not the best way to do what I want but I am up for ...
New
Trending Over Three Years
I’m really liking the way this example app does assent building and watching
https://github.com/wittyprogramming/tailwindcss-alpinejs-st...
New
Grateful if you could share your experiences on this. Even if you prefer using Phoenix HTML without seperation between front-end and back...
New
I am considering my options regarding a future project and I appreciate hearing from forum members regarding this. I am planning to build...
New
I am really struggling with getting D3.js working in my Phoenix app. I have a default Phoenix umbrella app with webpack.
Steps that I ha...
New
There are two different scenario’s I’m trying to handle with the Phoenix JS Websocket client - both produce the same result but I need to...
New
I have a crazy question - does anyone think it would be possible to put the bun JS runtime (written in Zig) in a NIF via Zigler.
If that...
New
Hi,
I try to do a rather simple js interaction but fail.
In my html (index.html.eex) I got
<button onclick="doClick()">Click me!...
New
I wanted to start a convo around how to render templates that define js data feeding data into a lib like chart.js via LiveView. When re...
New
I want to develop a web scraper that can read html generated client-side by js. From what I’ve read I’m not going to be able to do this w...
New
Hello community !
I have a small app that I used to get started with liveview. Inside this app, there is a slider with 2 ranges:
Thi...
New
I’m currently making the Webpack → ESbuild upgrade with Phoenix 1.6, and I don’t understand how to load CSS from external JS packages.
F...
New
Any JS command, push_patch etc are not working and giving the following error:
live_socket.js:377 Uncaught TypeError: Cannot read proper...
New
Hi everybody,
I was looking to have a Tailwind UI navbar and mobile menu with a menu toggle button phx-click={JS.toggle(to: "#mobile-men...
New
I try to use third party JS like Moment.js, I followed the guide.
So, I added import moment from 'moment'; to my app.js.
Moment is well...
New
Hi everyone,
I’m trying to implement an infinite scrolling both up and down. The use case is basically a calendar (like iCal for instanc...
New
Latest on Elixir Forum
Get money off!
The Pragmatic Bookshelf
35% off any eBook
Manning Publications
45% off any item
ElixirCasts
10% off for life
The Pragmatic Studio
20% off any course
AppSignal
10% off for 12 months
Honeybadger
10% off for 12 months
Simply use coupon code "devtalk.com" or "elixirforum" at checkout!
Filter by Type:
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
- #javascript
- #podcasts
- #code-sync
- #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
Forums
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.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Courses that'll move you from confusion to "Aha, now I get it!"