TechHub

JacketI officially stated my project. I know exactly how I want to build it and I only use things I'm not familiar with. Yes, I like pain. For the back end I use <a href="https://tech.lgbt/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a> with <a href="https://tech.lgbt/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a> and <a href="https://tech.lgbt/tags/absinthe" class="mention hashtag" rel="nofollow noopener" target="_blank">#absinthe</a>. The last one is to use <a href="https://tech.lgbt/tags/graphql" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphql</a>. I'm more familiar with <a href="https://tech.lgbt/tags/rest" class="mention hashtag" rel="nofollow noopener" target="_blank">#rest</a> but I decided to go proper. The reason for using elixir is that while it's not the fastest it's also the most robust to handle heavy loads. I also subscribe to the idea that back end is usually a problem that functional solves better. For the front end I will go with <a href="https://tech.lgbt/tags/dart" class="mention hashtag" rel="nofollow noopener" target="_blank">#dart</a> using <a href="https://tech.lgbt/tags/flotter" class="mention hashtag" rel="nofollow noopener" target="_blank">#flotter</a>. The reason is that my front end will be a mobile, desktop and web app. I'm also doing all of this with a <a href="https://tech.lgbt/tags/tmux" class="mention hashtag" rel="nofollow noopener" target="_blank">#tmux</a> / <a href="https://tech.lgbt/tags/neovim" class="mention hashtag" rel="nofollow noopener" target="_blank">#neovim</a> kind of work flow. I start to get good at it. I was thinking of maybe go with <a href="https://tech.lgbt/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a> but I really like the flexibility that flotter gives.

androsYa tengo acabada la primera página de mi nueva web. ¿Qué os parece? <a href="https://andros.dev/" rel="nofollow noopener" target="_blank">https://andros.dev/</a> Dato geek: Parece ser que a PageSpeed Insights le gusta. <a href="https://activity.andros.dev/tags/django" class="mention hashtag" rel="nofollow noopener" target="_blank">#django</a> <a href="https://activity.andros.dev/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a> <a href="https://activity.andros.dev/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a>

Steffen DeuschOne common pitfall when using lists in <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23LiveView" target="_blank">#LiveView</a> is that they are not change-tracked. We might have something to improve that situation in an upcoming update! <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23MyElixirStatus" target="_blank">#MyElixirStatus</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23Phoenix" target="_blank">#Phoenix</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ElixirLang" target="_blank">#ElixirLang</a>

Steffen DeuschAs we're getting ready for the first release candidate of <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23Phoenix" target="_blank">#Phoenix</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23LiveView" target="_blank">#LiveView</a> 1.1, I want to write about some of the new features and improvements we've been working on. A thread! <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ElixirLang" target="_blank">#ElixirLang</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23MyElixirStatus" target="_blank">#MyElixirStatus</a>

Hayden EvansI’ve been neglecting my BlueSky account of late, I come bearing new jobs: Full Stack Engineer (Elixir/Liveview) <a href="https://www.beamrecjobs.co.uk/forum/remote-vacancies-europe/full-stack-engineer-elixir-rem010" rel="nofollow noopener" target="_blank">www.beamrecjobs.co.uk/forum/remote...</a> DevOps (k8s/Elixir) <a href="https://www.beamrecjobs.co.uk/forum/miscellaneous-jobs/devops-engineer-elixir-kubernetes-mis003" rel="nofollow noopener" target="_blank">www.beamrecjobs.co.uk/forum/miscel...</a> <a class="hashtag" href="https://bsky.app/search?q=%23elixir" rel="nofollow noopener" target="_blank">#elixir</a> <a class="hashtag" href="https://bsky.app/search?q=%23liveview" rel="nofollow noopener" target="_blank">#liveview</a> <a class="hashtag" href="https://bsky.app/search?q=%23devops" rel="nofollow noopener" target="_blank">#devops</a> <a href="https://www.beamrecjobs.co.uk/forum/remote-vacancies-europe/full-stack-engineer-elixir-rem010" rel="nofollow noopener" target="_blank">Full Stack Engineer (Elixir) -...</a>

Peter SolnicaI feel like the API for sending messages within <a href="https://hachyderm.io/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a> components could be improved (or I'm just missing something) because `send(self(), ...)` is a quite confusing call given that self() may not be what one could think. And yeah I know it's "basic stuff" but newcomers surely are tripping on it.

Peter SolnicaHow do you implement multi-step forms in LiveView? I have a LV that coordinates its "step" live components (and they may or may not have their own live sub components) and I find this setup quite complex. As always, handling state is the tricky part.*Some* state from a step needs to be passed to the next step, and then the user may want to go back and make changes and go forward again. What's your strategy in cases like this?I also need to deal with async processes and report progress in the UI, when a sub-sub-component triggers it, the parent LV receives an update and it has to route it back to the sub-sub-component, which is messy for my taste.So, same question - what's your approach?🤔<a href="https://hachyderm.io/tags/ElixirLang" class="mention hashtag" rel="nofollow noopener" target="_blank">#ElixirLang</a> <a href="https://hachyderm.io/tags/PhoenixFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#PhoenixFramework</a> <a href="https://hachyderm.io/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a>

T0haWYSIWYG editor in LiveView with embedded images that are uploaded to S3 bucketTags: <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>, <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>, <a href="https://mastodon.social/tags/wysiwyg" class="mention hashtag" rel="nofollow noopener" target="_blank">#wysiwyg</a> <a href="https://ift.tt/EtG20NT" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/EtG20NT</a>

Alejandro BaezThe <a href="https://fosstodon.org/tags/LiveDebugger" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveDebugger</a> for <a href="https://fosstodon.org/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a> <a href="https://fosstodon.org/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a> feels like a flex move. 😄 It's so incredibly versatile. Started using and I can't live without now. 🤣May dayjob is dread without <a href="https://fosstodon.org/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>. 🫠<a href="https://blog.swmansion.com/introduction-to-livedebugger-a-tool-for-debugging-phoenix-liveview-apps-bf7e56ab00fb" rel="nofollow noopener" translate="no" target="_blank">https://blog.swmansion.com/introduction-to-livedebugger-a-tool-for-debugging-phoenix-liveview-apps-bf7e56ab00fb</a>

T0haPersistent session data in Phoenix LiveViewTags: <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/elixirlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixirlang</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>, <a href="https://mastodon.social/tags/session" class="mention hashtag" rel="nofollow noopener" target="_blank">#session</a> <a href="https://ift.tt/5etVf8d" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/5etVf8d</a>

M@💫 NEW: February 2025 Elixir Reading List!Highlights include LiveDebugger (transforming LiveView development), Torus (connecting PostgreSQL search with Ecto), and evolving UI patterns in Phoenix LiveView. The collection showcases how the ecosystem continues to refine approaches to building maintainable Elixir applications.Read more: <a href="https://quantumfaxmachine.com/blog/qfm054-elixir-reading-list-february-2025" rel="nofollow noopener" translate="no" target="_blank">https://quantumfaxmachine.com/blog/qfm054-elixir-reading-list-february-2025</a><a href="https://masto.ai/tags/Elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#Elixir</a> <a href="https://masto.ai/tags/Phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#Phoenix</a> <a href="https://masto.ai/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a> <a href="https://masto.ai/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#FunctionalProgramming</a> <a href="https://masto.ai/tags/BEAM" class="mention hashtag" rel="nofollow noopener" target="_blank">#BEAM</a>

André Hoarau<a href="https://mastodon.social/@cferdinandi" class="u-url mention" rel="nofollow noopener" target="_blank">@cferdinandi</a> Thanks! I've decided to give Playwright a try. It's slow as hell compared to <a href="https://floss.social/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a> tests, but being able to test my JS code in all three major browsers makes me more confident 😅 .

André Hoarau<a href="https://fosstodon.org/@keila" class="u-url mention" rel="nofollow noopener" target="_blank">@keila</a> <a href="https://mastodon.social/@cferdinandi" class="u-url mention" rel="nofollow noopener" target="_blank">@cferdinandi</a> None of them could meet all my requirements. For example, I wanted good support for ISO weeks, since many growers (at least in France) use them. I also wanted full keyboard support, good a11y, positioning... It took me a few days, but now I have a component that I fully understand and I can adapt it as needed.I learned a lot of stuff. For example, MutationObserver is nice for integrating with <a href="https://floss.social/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a> and IntersectionObserver is great for flipping the dialog if needed.

André HoarauLooks like I just made a date picker web component in vanilla <a href="https://floss.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>! And it plays nicely with <a href="https://floss.social/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a>. Thanks for your awesome course, <a href="https://mastodon.social/@cferdinandi" class="u-url mention" rel="nofollow noopener" target="_blank">@cferdinandi</a>.

Kerrick Long (code)High Performance PostgreSQL for Rails by Andrew Atkinson is part of a 16-ebook $18 bundle! Pragmatic Bookshelf and Humble Bundle have made it available along with Practical A/B Testing, Designing Data Governance from the Ground Up, SQL Antipatterns Vol. 1, and others. Pretty sweet deal!<a href="https://www.humblebundle.com/books/data-engineering-and-management-pragmatic-books" rel="nofollow noopener" translate="no" target="_blank">https://www.humblebundle.com/books/data-engineering-and-management-pragmatic-books</a><a href="https://dotnet.social/tags/Ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ruby</a> <a href="https://dotnet.social/tags/Rails" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rails</a> <a href="https://dotnet.social/tags/PostgreSQL" class="mention hashtag" rel="nofollow noopener" target="_blank">#PostgreSQL</a> <a href="https://dotnet.social/tags/ABTesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#ABTesting</a> <a href="https://dotnet.social/tags/Data" class="mention hashtag" rel="nofollow noopener" target="_blank">#Data</a> <a href="https://dotnet.social/tags/DataGovernance" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataGovernance</a> <a href="https://dotnet.social/tags/Phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#Phoenix</a> <a href="https://dotnet.social/tags/LiveView" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiveView</a> <a href="https://dotnet.social/tags/Elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#Elixir</a> <a href="https://dotnet.social/tags/Quanum" class="mention hashtag" rel="nofollow noopener" target="_blank">#Quanum</a> <a href="https://dotnet.social/tags/Prolog" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prolog</a> <a href="https://dotnet.social/tags/MachineLearning" class="mention hashtag" rel="nofollow noopener" target="_blank">#MachineLearning</a> <a href="https://dotnet.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a> <a href="https://dotnet.social/tags/DataScience" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataScience</a> <a href="https://dotnet.social/tags/Math" class="mention hashtag" rel="nofollow noopener" target="_blank">#Math</a> <a href="https://dotnet.social/tags/eBooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#eBooks</a> <a href="https://dotnet.social/tags/Deal" class="mention hashtag" rel="nofollow noopener" target="_blank">#Deal</a> <a href="https://dotnet.social/tags/reading" class="mention hashtag" rel="nofollow noopener" target="_blank">#reading</a> <a href="https://dotnet.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

T0ha<a href="https://ift.tt/RN1ABJx" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/RN1ABJx</a>Tags: <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/graph" class="mention hashtag" rel="nofollow noopener" target="_blank">#graph</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>, <a href="https://mastodon.social/tags/vegalight" class="mention hashtag" rel="nofollow noopener" target="_blank">#vegalight</a>via Pocket <a href="https://ift.tt/RN1ABJx" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/RN1ABJx</a>February 17, 2025 at 05:14PM

T0haECharts in Phoenix LiveViewTo display charts in Phoenix, we can either generate them server-side (e.g., using Contex) or client-side with JavaScript. I would prefer a server-side solution with pure SVG/CSS, but currently, nothing beats JavaScript charting libraries.Tags: <a href="https://mastodon.social/tags/charts" class="mention hashtag" rel="nofollow noopener" target="_blank">#charts</a>, <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>via Pocket <a href="https://ift.tt/A2miYpQ" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/A2miYpQ</a>February 17, 2025 at 10:45AM

T0haPhoenix LiveView Zipped UploadsWe’re Fly.io. We run apps for our users on hardware we host around the world. This post is about how your Phoenix LiveView can handle uploading an entire directory of nested files. Fly.io happens to be a great place to run Phoenix applications. Check out how to get started!Tags: <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/elixirlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixirlang</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>via Pocket <a href="https://ift.tt/SDtJclz" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/SDtJclz</a>February 03, 2025 at 05:06PM

T0haImprove your LiveView testing with test specific attributesWhen a LiveView application begins to get complicated, testing it can become brittle. When we use CSS selectors to find the elements we want to assert on, we are tightly coupling our tests to the HTML structure of our LiveView. As the HTML structure changes, our tests will break.Tags: <a href="https://mastodon.social/tags/elixirlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixirlang</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>, <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#testing</a>via Pocket <a href="https://ift.tt/h4r6ekH" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/h4r6ekH</a>January 31, 2025 at 09:56AM

T0haSearch Filters with Ecto QueriesWe have also written an accompanying Livebook for this article that includes the final code for you to play around with.Tags: <a href="https://mastodon.social/tags/ecto" class="mention hashtag" rel="nofollow noopener" target="_blank">#ecto</a>, <a href="https://mastodon.social/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a>, <a href="https://mastodon.social/tags/liveview" class="mention hashtag" rel="nofollow noopener" target="_blank">#liveview</a>, <a href="https://mastodon.social/tags/myelixirstatus" class="mention hashtag" rel="nofollow noopener" target="_blank">#myelixirstatus</a>, <a href="https://mastodon.social/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#phoenix</a>via Pocket <a href="https://ift.tt/NR2p0El" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/NR2p0El</a>January 30, 2025 at 11:15AM

Recent searches

Search options

Administered by:

Server stats:

#liveview