From Paper to Precision Workflows Alembic's partnership with Vexillum produced a platform that revolutionises heavy equipment maintenance workflows by digitising paper-based processes.

Manual processes slowing your team down? We helped a client move from paper to streamlined digital workflows using #Ash, #PhoenixLiveView & #ElixirLang - saving time, cutting errors & enabling growth.

alembic.com.au/case-studies...

LiveView is about more than code. Learn when to use function components versus live components, and keep even the biggest apps organized and maintainable.
#Elixir #PhoenixLiveView
pragprog.com/titles/...
@redrapids.bsky.social
Sophie DeBenedetto

Author Sophie DeBenedetto is known for her dedication to the free Elixir School, being an alumnus and teacher at The Flat Iron school, and for making advanced Elixir topics approachable. #Elixir #PhoenixLiveView
pragprog.com/titles/...

Stop thinking in request and response. LiveView teaches you the loop that matters: receive an event, change the state, render the state, repeat. A new mindset for interactive web apps.
#Elixir #PhoenixLiveView
pragprog.com/titles/...
@redrapids.bsky.social

Btw, all done with #elixir and #phoenixliveview

LiveDebugger 0.3.0 is here – here's what's new:

🔥 Firefox extension
🔥 View with global callback traces
🔥 Measuring callback execution time
🔥 Proper way of debugging redirects

See what LiveDebugger 0.3.0 can do for you! 👉 www.youtube.com/watch?v=PaOL...

#LiveView #PhoenixLiveView #ElixirLang

Viewer claude created using tidewave's mcp. Comic is "Light Carries On" by Ray Nadine

Played around with Tidewave with Claude.

I have 1000s of digital comic books. They're often filled with massive bloat. I wrote code that optimizes and streams the pages on the fly.

Nice to prototype with - claude's code was god awful. tw was super cool though.

#myelixirstatus #phoenixliveview

Macro component?!
curiosum.com/sl/mx2gqgu4

#phoenixliveview #elixirlang #macrocomponents #webdevelopment #functionalprogramming #opensource #javascripthooks

An Elixir module with contents: defmodule ColocatedDemoWeb.Markdown do @behaviour Phoenix.Component.MacroComponent @impl true def transform({"pre", attrs, children}, _meta) do markdown = Phoenix.Component.MacroComponent.AST.to_string(children) {:ok, html_doc, _} = Earmark.as_html(markdown) {"div", attrs, [html_doc]} end end

A LiveView render function with contents: def render(assigns) do ~H""" <pre :type={ColocatedDemoWeb.Markdown} class="prose mt-8"> ## Hello World This is some markdown! ```elixir defmodule Hello do def world do IO.puts "Hello, world!" end end ``` ```html <h2>Hey</h2> ``` </pre> """ end

A webpage with the rendered markdown content.

While working on Colocated Hooks in LiveView, we also found some other cool things you can do, such as rendering markdown at compile time 👀 #MyElixirStatus #ElixirLang #PhoenixLiveView

💜 curiosum.com/sl/bgulddxr
• When using a frontend framework in a LiveView app
• How LiveView works and what its limitations are
• How to integrate LiveReact, LiveVue, or LiveSvelte
• How to pass props, use slots, and include components in your templates
#elixirlang #phoenixliveview #myelixirstatus

Man pointing at screen with computer language logos

Kevin Bolton sharing ways he’s using his magic programming tools!
@elixir-lang.org @oban.pro @ash-hq.org #phoenixLiveview

#ElixirLang

LiveView debugger API ✨
curiosum.com/sl/qrig5f93

#elixirlang #myelixirstatus #liveview #phoenixliveview #elixircommunity #elixirprogramming

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!

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 blue

part 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.

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

Merge all of your SVG assets into one file, and display them individually, just like you do with <.icon />.

more info: www.argylewerewolf.com/code/sprites/
GitHub: github.com/ArgyleWerewo...

#Elixir #PhoenixLiveView

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! https://www.linkedin.com/in/angela-quinton/

Colocated hooks?! No more separate files!
curiosum.com/sl/ckzjgk8j

#phoenixliveview #elixirlang #webdevelopment #phoenixframework #backenddevelopment #myelixirstatus

Ecto — Phoenix v1.7.21

[2] Created schemas and migrated.

I used #ChatGPT for high level project discussion, specifically requesting not to show code. I followed the instructions here:

hexdocs.pm/phoenix/ecto...

#elixirlang #phoenixliveview #buildinpublic #elixir

[1] Repo created. Phoenix spun up. First commit.

Troubleshot some `mix` issues with both ChatGPT and google search.

I think next step is to confirm my Postgres connection works locally.

#buildinpublic #phoenixliveview #elixir

Phoenix 1.8.0-rc released! - Phoenix Blog The release candidate of Phoenix 1.8 is here!

Chris McCord announced the release of Phoenix 1.8.0-rc.0 last week, phoenixframework.org/blog/phoenix..., which I am sure means Bruce and Sophie are hard at work on updates to Programming Phoenix LiveView: pragprog.com/titles/livev...
#elixir #phoenixliveview #programming #books

Vexillum – Because Detail Matters

Really proud of our partnership with Vexillum (vexillum.com.au) leveraging #Ash, #PhoenixLiveView & #ElixirLang! This collaboration highlights @teamalembic.bsky.social's commitment to lean solutions & ability to deliver impactful software efficiently.

Read more here: alembic.com.au/case-studies...

Building a Mahjong game with Phoenix LiveView is incredibly fun! The real-time updates and interactive UI make it a perfect fit. Excited to see how it evolves! 🀄🚀 #elixirlang #PhoenixLiveView #Mahjong

Day 3 of building in public. I kept working on the idea of showing how programming concepts are related, now I have description for each concept along with relationships between them.

Seems like I'll be implementing a knowledge graph sometime soon...

#MyElixirStatus #PhoenixLiveView #ElixirLang

Using streams and async together in LiveView - Jaeyson Anthony Y. Async and streams come together just like bread and butter :)

Combining LiveView streams with async to make it smooth and intuitive UI experience 👌🏾

#ElixirLang #myelixirstatus #PhoenixLiveView

Sharing experience and knowledge is an essential part of our company. So we spread the valuable content by writing expert articles on our blog.

Check the lastest one and let us know what you think!
💜 curiosum.com/sl/j5y1g0jx

#elixirprogramming #myelixirstatus #elixirlang #phoenixliveview

GitHub - bluzky/salad_ui: Phoenix Liveview component library inspired by shadcn UI Phoenix Liveview component library inspired by shadcn UI - bluzky/salad_ui

📢 Phoenix DYK - Libraries - Salad UI - Phoenix Liveview component library inspired by shadcn UI

Did you know about Salad UI, by Dung Nguyen Tien, to generate components in your project via the mix CLI?

#PhoenixDYK #ElixirLang #PhoenixLiveVIew #LiveView

GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView - mishka-group/mishka_chelekom

📢 Phoenix DYK - Libraries - Phoenix & Phoenix LiveView Components and UI Kit Library mishka_chelekom

Did you know about this library to generate components in your project via the mix CLI?

github.com/mishka-group... by @shahryar-tbiz.bsky.social

#ElixirLang #PhoenixLiveView #ElixirPhoenix

GitHub - sezaru/live_bulk_async: Enables async usage in LiveComponent's update_many function Enables async usage in LiveComponent's update_many function - sezaru/live_bulk_async

📢 New Elixir lib on the block for Phoenix LiveView: LiveBulkAsync

LiveBulkAsync is a library that extends Phoenix LiveView's async support to work with the LiveComponent's update_many function.

github.com/sezaru/live_...

#ElixirLang #PhoenixLiveView #Programming

Elixir v1.18 released: type checking of calls, LSP listeners, built-in JSON, and more Elixir v1.18 released: type checking of function calls, Language Server listeners, built-in JSON, ExUnit improvements, mix format –migrate, and more

🎄 Christmas present for us - Elixir 1.18 is here, and Phoenix LiveView has hit the milestone v1.0.0. Exciting times for the community! 🚀

elixir-lang.org/blog/2024/12...

#ElixirLang #PhoenixLiveView

woot! 🥳🥳 LiveView!!!

#ElixirLang #LiveView #PhoenixLiveView