#PhoenixLiveView

2025-05-04

My site argylewerewolf.com is a work in progress, but it now supports light & dark modes (with a monstery flair), and WCAG-compliant colours (using named CSS colours only).

Hand-written #Elixir + #PhoenixLiveview guts, #Sass (no Tailwind!) theming, & vanilla JS for light/dark mode.

PS: hire me!

2025-05-02

I just published my first Elixir + Phoenix LiveView package: Phoenix SVG Sprites!

Easily merge all of your SVG assets into a single file and display them individually, just like you do with <.icon />.

more info: argylewerewolf.com/code/sprite

GitHub: github.com/ArgyleWerewolf/phx-

#elixir #phoenixliveview

Four vector icons: a cream-coloured rabbit, green trees, a crimson bird with a white eye, and a silver cloud with raindrops in different shades of bluepart a: a mix task that will traverse /assets/ (or anywhere else you point it) for svg images of any size and complexity, and merge them together into a sprite sheet in /priv/static/assets/.

➜ mix phoenix_svg_sprites
➜ [info] Successfully generated SVG sprite sheet at priv/static/assets/sprites.svg
the sprite sheet contains all of the processed svgs, stored as <symbol />s addressable by ids derived from the processed svg's filenames. bird.svg and rain.svg become:

<svg>
<symbol id="bird"><path d="m1154.3...
<symbol id="rain"><path d="m1047...
</svg>part b: a phoenix component, <.sprite />, that will render the specified svg sprite in your heex template, the same way you might render a heroicon with core component's <.icon />.

the four example sprites at the top of this page are rendered with this code:

<.sprite icon="animal" class="animal" />
<.sprite icon="nature" class="nature" />
<.sprite icon="bird" class="bird" />
<.sprite icon="rain" class="rain" />
css classes are applied to the examples to allow for specific colour styling. however, an svg's internal fill, stroke, and other colour values will be preserved, and you can also use currentColor to colour your sprites dynamically through the text colour of a parent element.

default tailwind size classes are applied automatically, but you can apply arbitrary classes and other attributes as well.
2025-04-29

Friend of mine really trying to get me into #vibecoding

And claims it's great to start a project from scratch with it. I got cursor, and had it try and set up a basic #PhoenixLiveView #elixirlang app, and it couldn't get past connecting to the local database lol.

It's somehow dumber than even me!

Cursor AI editor trying to set up a basic web app and failing to connect to the database
2025-04-23

I was just laid off! If you are looking for a web dev with 20+ years of experience, most recently five years doing #Elixir and #PhoenixLiveview, please hit me up! linkedin.com/in/angela-quinton

Willem Van den Ende - Writingmostalive
2025-04-11

@marick not me, but thanks to your wikipedia link and @k9ox 's link to / behaviours, maybe several things are is starting to fall into place.
FYI I remember @marcevers being keen on DCI, but it didn't speak to me at the time. I now see links with the kind of designs that flow from . And somehow behaviours in make sense. I was programming a distributed system in without noticing (until the book pointed it out, that is :-) ) .

Phil-Bastian Berndtpehbehbeh@norden.social
2025-03-15

Backpex 0.11 has recently been released. We have removed the Alpine.js dependency in favour of native Phoenix LiveView JS hooks. Read more in the release post:

elixirforum.com/t/backpex-a-hi

#myelixirstatus #PhoenixLiveView

𒀭𒌓 𒀭𒂗𒆠cevado@masto.donte.com.br
2024-04-15

divulgando aqui o material do @lubien pra aprender live view.
tem português e inglês
#elixir #elixirlang #phoenix #phoenixliveview
adopt-liveview.lubien.dev/br

𒀭𒌓 𒀭𒂗𒆠cevado@masto.donte.com.br
2024-03-24

pro pessoal que quer experimentar live view sem precisar fazer boilerplate o @lubien fez um pacote pra permitir isso direto do repl:
hexdocs.pm/liveview_playground

#elixir #elixirLang #phoenixLiveView #phoenixFramework

Willem Van den Ende - Writingmostalive
2023-12-30

made some time over the holidays to work through "Programming " from @pragprog
Five chapters in, I'm building some muscle memory, collecting snippets and finding a way of writing tests that I like (that is somewhat out of the scope of the book, I mostly do in the 'your turn' exercises, while keeping the existing and generated tests green as I work through each chapter. Details in a forum thread:
elixirforum.com/t/programming-

Steve :linuxmintnew:seestevecode@fosstodon.org
2023-12-16

Have been meaning to learn #Elixir and #Phoenix for some years now, and have decided 2024 is the time. I’ve accrued a number of books and courses over the last few years, but am wondering if they’re relevant enough now.

Is Phoenix from, say, 3-4 years ago still the thing to learn first, or should I move now straight to #PhoenixLiveView? Recommendations for current learning resources would be welcome. I want to build just for fun (games, etc.) and have some experience with FP in #ElmLang.

Boško Ivaniševićbosko@ruby.social
2023-12-15

@Tuxified yes I know. I contributed to open source lot of times 🙂

I just wasn't sure if it is about my understanding of otherwise excellent documentation not only of #PhoenixLiveView but majority of libraries in the #Emacs ecosystem. That's why I wrote "maybe".

Boško Ivaniševićbosko@ruby.social
2023-12-14

Just lost 30 minutes figuring out why push_event from LiveView does not work because I was sending binary instead of map 😞

Maybe #PhoenixLiveView documentation should be more explicit.

#MyElixirStatus #Phoenix #Elixir

Willem Van den Ende - Writingmostalive
2023-11-17

Very nice blogpost on by @neil_vass . Cool no code solution and to optimise or not to optimise... Almost tempted to do it, but I'm spending the bit of coding time I have on learning (although maybe I could do some challenges in )

Willem Van den Ende - Writingmostalive
2023-11-13

@daverooneyca Divide and conquer the problem (front-end /back-end) divide the people (backend developers and clients/users)...
like @jmeowmeow I am playing with in the hope of working full-circle, with users in the loop.

2023-06-11

🦀 #Axum and #diesel or 🧪 #PhoenixLiveView for scalable and performant side project? Experiences with either? I've done way too much #python so I want to try to be able to approach problems differently.

Axum would (I'm guessing) provide maximum performance but require a front-end with some JS to be dynamic but could be serverless. And elixir would allow for skipping a "frontend" due to the nature of the websocket approach but would run better scaled always running infra like k8s or fly.io

Adrian-Paul CarrieresAdrianPaulCarrieres@tech.lgbt
2023-01-13

The portfolio is going well!

I'm even using Phoenix Liveview's new component system, it's pretty cool to discover and use :D

Now it's the contact page turn, then it will be the projects one :blobcatdab:

After that I need to translate my CV to English, finish some writing about work for school and I should be ready to go job hunting (:blobcatghost:)
*or*
I write about some stuff and make a few 'blog posts" before, "just to show more"

#Elixir #PhoenixLiveView

heise online (inoffiziell)heiseonline@squeet.me
2022-01-04
heise+ | Mehr Perfomance: Mit Phoenix LiveView Echtzeit-Webapplikationen entwickeln

Mit Phoenix LiveView gelingt die Entwicklung performanter, hochskalierbarer Echtzeitanwendungen für den Browser ohne clientseitige JavaScript-Frameworks.
Mehr Perfomance: Mit Phoenix LiveView Echtzeit-Webapplikationen entwickeln

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst