We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
Phoenix LiveView
Phoenix LiveView has become a game-changer in the world of web development by providing a seamless way to build interactive, real-time applications without heavy reliance on JavaScript. By leveraging Elixir's concurrency primitives and functional programming paradigms, LiveView enables developers to handle client-server interactions efficiently, offering benefits such as low-latency user experiences and reduced complexity in codebases. Key features include real-time file uploads, dynamic list management using Streams, and integration with powerful tools like SortableJS and OpenAI Chat APIs for enhanced functionality. LiveView also supports seamless integration with static and dynamic HTML elements, providing hooks for custom JavaScript logic, and advanced capabilities such as asynchronous task management and network optimization. Furthermore, its compatibility with tools like Rust and Prometheus ensures that LiveView applications can push performance boundaries while maintaining simplicity and scalability.
One of the standout aspects of LiveView is its ability to leverage the BEAM's soft real-time capabilities, which allows for consistent low-latency responses. This is particularly evident in use cases like real-time search engines, interactive charts, and live video and audio streaming. The LiveView ecosystem continues to evolve with contributions from the community, including tutorials on combining LiveView with contemporary frameworks like Svelte, and innovative projects like building AI-powered components and game development. With ongoing enhancements and community-driven resources, Phoenix LiveView is well-positioned to remain a leading solution for modern, scalable web applications.
Developers have reported significant productivity gains and simplified workflows when using LiveView for scenarios ranging from dynamic form management to complex, data-driven applications. The introduction of features like live_session for organized authorization, asynchronous operations with start_async, and global state management using PubSub further extend its capabilities. LiveView's continuous improvements, driven by its active community and core team, aim to make it even more robust and versatile for various application needs, enabling both seasoned developers and newcomers to harness its full potential.
Exploring the New JS.toggle_class/1 Feature in Phoenix LiveView
Mark Ericksen discusses the new JS.toggle_class/1 feature introduced in Phoenix LiveView v0.20.4 and its uses in enhancing developer experience with simple visibility toggling and animations.
Latest Updates on Elixir Development and Community
Mark Ericksen and David Bernheisel present Episode 203 of the Thinking Elixir Podcast, offering updates on the Elixir ecosystem, including Phoenix LiveView nearing 1.0, José Valim's insights on design patterns, and the release of Ash 3.0.
Creating a MIDI Sequencer Using Elixir
Speaker Dino discusses SeqEx, a MIDI sequencer project built with Elixir.
Exploring Phenix Playground for Single File Phoenix Apps
Speaker Wojtek Mach discusses transitioning from PHP to Elixir and introduces the Phenix Playground project, highlighting single file Phoenix applications.
Engaging Users with LiveView and Tailwind CSS in Elixir Projects
Meks McClure discusses how to use LiveView and Tailwind CSS in Phoenix projects, sharing practical examples through a demo web app that showcases a book collection.
Using LiveView for Real-Time Pathogen Spread Simulations
Kyle Oba presents a project on visualizing pathogen spread using LiveView, describing how physical simulations transitioned to digital using Elixir and Phoenix.
Creating a Multiplayer Browser Game with LiveView: A Use Case
Gonçalo Tomás discusses his experience in using Elixir's LiveView to recreate a multiplayer browser game that he played during his childhood. He details the architecture, challenges, and benefits of using LiveView to implement real-time capabilities and enhance the game mechanics.
Leveraging Elixir for Transportation Data Access at Transport.data.gouv.fr
Thibaut Barrère presents how Elixir is utilized to enhance development and maintenance of a national access point for transportation open data in France.
Developing Procedurally Generated Games with Elixir
Nicholas Scheurich discusses his experiences and techniques in developing video games using Elixir, focusing on creating procedurally generated content and collaborative gameplay inspired by games like Rogue and Dungeons & Dragons.
Experiences with Phoenix LiveView in a Startup Setting
Lekha Surasani discusses the experiences and advantages of using Phoenix LiveView at an early-stage startup.
Discussion of Using LiveView in Startups for Rapid Development
Daniel Caixinha discusses how LiveView can be a critical tool for startups, emphasizing the speed and productive development it brings to the table.
Introduction to LiveToast for Phoenix LiveView
7sidedmarble announces the release of LiveToast, a modern toast notification library for Phoenix LiveView designed to replace the default flash system.
Choosing Between Vue with Elixir Backend or Phoenix with LiveView
catopixel is working at a company using various technologies and is learning Elixir to potentially change jobs. They are wondering whether to use Vue with Elixir as the backend or Phoenix with LiveView for their project.
Announcing Supabase Potion: A Complete Elixir Client for Supabase Services
zoedsoupe introduces Supabase Potion, a comprehensive Elixir client library for integrating Supabase services including Auth, Storage, and PostgREST into Elixir applications.
Response Time for Waking a LiveView App on Render's Free Tier
notSugarBun asks for feedback on the wake-up time for LiveView apps hosted on Render.com's free tier.
Serving Multiple Domains with Phoenix Framework
Alexandre Moreira Xavier provides a guide on configuring a single Phoenix application to handle multiple domains and subdomains. He uses examples from YouTube's structure and detailed code snippets.
Exploring Data Filtering Options in Elixir Phoenix
tkitg: A RoR developer transitioning to Elixir Phoenix is seeking advice on Ecto data filtering options, mentioning a few potential packages like `rummage_ecto`, `turbo_ecto`, and `flop`.
Elixir and Phoenix LiveView: A Superior Approach to Web Development
Theo Browne discusses the significant advantages of Elixir and Phoenix LiveView for web development, focusing on real-time UI updates, minimal data transfer, and server-side logic management.
Integrating HTMX with LiveViews for Enhanced User Experience
Serializedrequests is exploring how to integrate classic controllers with LiveViews in an Elixir application, particularly using enhancement libraries like HTMX or Turbo, to handle authentication flows and basic pages while maintaining seamless navigation.
Elixir and Computer Vision: Face Tracking Tutorial
Christian Alexander presents a quick tutorial on implementing face tracking in live video using the Elixir programming language and the OpenCV binding library Evision.
Announcement of Phoenix LiveView 1.0.0-rc.0 Release on Elixir Forum
Chris McCord announced that Phoenix LiveView 1.0.0-rc.0 is out after almost six years of development. Existing applications can quickly upgrade with minimal changes.
Integrating Google Sign-In with Phoenix LiveView
Chris Gregori explains the process of adding Google authentication to a Phoenix LiveView application by leveraging Phoenix's authentication generator and the ueberauth/ueberauth library.
Preserving Socket State with Phoenix LiveView Hot Reload
Jakub Skałecki shares a valuable tip for preserving socket state during hot reloads in Phoenix LiveView development.
Release of Phoenix LiveView 1.0-rc and Its Impact
Chris McCord announces the release of Phoenix LiveView 1.0-rc.0, marking a significant milestone nearly six years after the initial LiveView commit. This release emphasizes improvements in the programming model and solidifies LiveView as a mature solution for dynamic, server-rendered applications without the reliance on JavaScript.
Combining LiveView with Svelte for Advanced Web Applications
Miguel Camba details how LiveView and Svelte can be combined to create rich, real-time user experiences for web applications without the need for a comprehensive REST API.
Creating a Modern Modal Component in Phoenix LiveView
Mykolas Mankevicius goes through a step-by-step process of creating a modern modal component for Phoenix LiveView using the HTML <dialog> element.
Elixir Podcast Episode Recap and Highlights
This episode of the Thinking Elixir Podcast covers a range of topics from technical updates to community news. The hosts discuss the release of Lexical 0.6.0, insights on building smarter Slack bots using Elixir, LiveView support enhancements, the influence of Saša Jurić's 'Soul of Erlang and Elixir' talk, and the implications of the FTC ruling on non-compete employment clauses.
Launch of Bloom - A Component Library for Phoenix
Author bustyLaserCannon introduces Bloom, an open-source Phoenix component library that allows for the easy installation of UI components.
Paraxial.io Introduces Phoenix LiveView Support
Michael Lubas announces that Paraxial.io has integrated support for Phoenix LiveView, enhancing security features for real-time web applications.
Integrating Mermaid JS with Phoenix LiveView
Author skwyckl discusses challenges in rendering Mermaid JS graphs within a Phoenix LiveView web app and seeks post-processing solutions.
Reflections on a Failed Student Housing App Project
Steve Frank shares his experiences with a Proof of Concept (PoC) Elixir application for student housing that will no longer be used, including an exploration of the Elixir stack and tools he found useful during development.
Managing Dynamic Forms with Elixir and Phoenix LiveView
Benjamin Rosas explains how to handle dynamic lists of embedded item inputs in web forms using Phoenix LiveView features without JavaScript.
Understanding Elixir's Beautiful Abstractions and Frameworks
Bruce Tate delivers a keynote discussing how Elixir's frameworks and tools like Nerves, LiveView, NX, and LiveBook provide a natural and coherent development experience. He explores OTP behaviors, the use of macros in Phoenix and LiveView, and the overall elegance of Elixir's tooling in managing complexity and concurrency.
Improving Confirmation Modals in Phoenix LiveView
The article discusses the typical user experience of confirmation modals in Phoenix LiveView, which uses window.confirm, and suggests it is not suitable for production due to suboptimal user experience.
Developing Offline-Capable Applications Using Phoenix LiveView with Svelte
Tony Dang discusses his journey of learning Elixir by building an offline-capable todo app using Phoenix LiveView and the LiveSvelte package.
LiveView Course for Beginners in English and Portuguese
Lubien announced the publication and open sourcing of a LiveView course aimed at beginners, available in both English and Portuguese.
Generating PDFs for Authenticated Pages in Elixir
John Curran discusses a method for generating downloadable PDF versions of web pages that require user authentication within Elixir applications.
Live Coding Session Demonstrating Test Driven Development with Phoenix LiveView
Joshua Plicque delivers a talk emphasizing the speed and confidence gained from test driven development (TDD) while building a Phoenix LiveView application.
Integrating File Uploads with Trix Editor in Phoenix
In this article, Jason Kaniekete shares his discoveries on how to integrate file uploads using the Trix editor within a Phoenix framework application. He discusses setting up the Trix editor, handling local and external file uploads, and managing file deletion.
Troubleshooting phx-click in LiveView with HTML Summary Element
NazhEUW is experiencing issues with phx-click when using it on a native HTML summary element in LiveView, which is causing unexpected behavior in event handling.
Creating a Streaming Series on Building a Real-Time Voting App with LiveView
BustyLaserCannon shares their new streaming series where they build a real-time Overwatch skin voting app using Elixir and LiveView.
Gradually Introducing Phoenix LiveView into an Existing React Single-Page Application
Aphova discusses the possibility of integrating LiveView into an existing React Single-Page Application (SPA) without a complete rewrite, by replacing certain frontend routes incrementally with LiveView pages.
Inquiring About Phoenix LiveView Testing Practices
Ok-Photograph3221 inquires about best practices for writing test codes when using Phoenix LiveView, as they are new to the framework and seek advice from the community.
Using Phoenix Framework without Components or LiveView
the_pavonz is inquiring about maintaining a traditional templating approach within Phoenix, similar to Rails, without adopting the newer Components or LiveView features.
Growing BEAM Ecosystem Through Phoenix LiveView
Sophie DeBenedetto discusses the impact of Phoenix LiveView on broader adoption of the BEAM ecosystem.
Understanding Form Auto-Recovery in Phoenix LiveView
Jason Stiebs explores the mechanisms behind the form auto-recovery feature in Phoenix LiveView and its usage to improve user experience.
Exploring SvelteKit and Phoenix Integration for Enhanced UI
TheKaiserMax is working on a project, exploring the integration of Elixir and Phoenix with Svelte and SvelteKit for UI development. They are considering using the new Runes feature in Svelte 5, to manage state across the application and connect to Phoenix sockets.
Integrating External WebSockets with Phoenix LiveView
skwyckl is seeking advice on how to subscribe and visualize WebSocket API data in a LiveView component for a Life OS-style dashboard originally written in JavaScript, exploring Elixir and Erlang libraries like `mint` and `gun`.
Integrating LiveView with Svelte for Enhanced Web Development
Anthony Accomazzo discusses the benefits and challenges of using Phoenix LiveView for web development, and how the integration with Svelte, through LiveSvelte, offers a more effective way to build web applications.
Discussing Elixir's Role in Developing the Erlang Ecosystem
The discussion features insights from Francesco Cesarini, founder of Erlang Solutions, and Andrea Leopardi, a member of the Elixir Core Team. They delve into the evolution of Erlang from a singular language to a diverse ecosystem, detailing the emergence of various languages on the BEAM and the influence of Elixir on Erlang's ongoing development.
© HashMerge 2025