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.
Improving Performance of Phoenix LiveView in Realtime Elixir Applications
Marlus Saraiva's talk covers optimizing server-client communication in real-time applications using Phoenix LiveView in Elixir.
Building Wordle in Elixir as a Learning Project
Theo Harris shares his experience of learning Elixir by building the game Wordle as an onboarding project at Alembic.
Integration of k6 Load Testing with Elixir's LiveView
Sebastian Göttschkes talks about integrating the k6 open-source load testing tool, developed by Grafana, with the Elixir ecosystem, particularly LiveView. He also invites suggestions for library improvements.
Bringing Machine Learning Capabilities into Elixir with Bumblebee
Jonatan Klosko presents Bumblebee, an Elixir tool that simplifies using pre-trained machine learning models.
Enhancing LiveView with Membrane for Realtime Media Processing
Lars Wikman, the founder of Underjord and a member of the BEAM Radio team, presents how the Membrane Framework can enhance LiveView with live video and audio capabilities. He discusses potential applications and the excitement of creating cool things by combining different inputs, transformations, and outputs.
Leveraging Elixir & Phoenix for Building Software in Auroville
Shankar Dhanasekaran speaks about using Elixir and Phoenix to create software for Auroville, a city of 50,000 people. He emphasizes the benefits of Elixir and Phoenix in managing complex, multi-service domains, and shares their journey of moving away from Drupal to Elixir, the adoption challenges faced, and the productivity gains. The talk also highlights the future potential of Elixir in the context of Auroville's development, such as the potential for cloud farming and machine learning.
Advancements and Capabilities of LiveView 1.0
Chris McCord discusses the evolution of LiveView into a full-fledged application development tool capable of complex operations like building Spotify-like apps.
Insights on Elixir Development and Learning Experience
José Valim presents a keynote speech on updates and the future of Elixir, including development and learning experience enhancements.
Introducing ECSx for Game Development with Elixir
Andrew Berrien introduces 'ECSx', a new framework for developing real-time games and simulations in Elixir, leveraging OTP's strengths.
Discussion on Isolated Component Testing in Phoenix LiveView
Greg Coladarci explores options for testing individual LiveView components within a complex stateful setup, akin to Front-end frameworks isolated component testing practices.
Understanding How Phoenix Updates `:page_title`
German Velasco explores how the `:page_title` assign works in Phoenix, describing it as the only dynamic assign in a layout and demonstrating code spelunking to understand its implementation.
Comparing Game Development across Various Languages with a Focus on Elixir
In the latest episode of the Elixir Wizards podcast, Dorian Iacobescu, author of the ECSpanse ECS library for Elixir, and Daniel Luu, CEO of AKREW game development studio, discuss backend game development using the Entity Component System approach. They delve into challenges like handling inventory storage and building games for various platforms, showcasing the importance of collaboration and innovation in the game development community.
Exploring Phoenix LiveView's Async Operations
Mark Ericksen explores how to use Phoenix LiveView's new async operations feature in his article "Abusing LiveView's new Async Assigns Feature." He discusses starting and stopping async tasks, handling success and failure states, and canceling running tasks. The article showcases the versatility and power of async operations in Phoenix LiveView.
Developing a Chessboard Image to FEN Converter with Elixir
Barrett Helms presents at ElixirConf 2023 about building an image recognition system in Elixir that converts pictures of a chessboard into Forsyth-Edwards Notation (FEN) for efficient storage and renders an interactive board in the UI. Through his talk, Barrett shares his journey of encountering the problem while building a web app for practicing chess tactics and finding a solution using Elixir.
Continuation of LiveView Native's Journey Toward Version 0.2
Brian Cardarella discusses the challenges faced in representing SwiftUI's modifier system in LiveView Native and the solutions they have come up with. They have advocated for changes in both Phoenix and Elixir to improve the integration and are working towards better dev ergonomics and format implicit layout rendering in LiveView.
Optimizing Database Queries Using Elixir's Ecto and Telemetry
John Curran's article "Eliminate Slow Queries with Ecto Telemetry" explains how to identify and fix slow database queries using Telemetry in Elixir. Telemetry allows us to pinpoint performance bottlenecks and visualize database performance with graphs and charts.
Elixir's Flexibility in the Monolith vs. Microservices Debate
Elixir offers a simple way to avoid the monolith vs. microservices debate by providing clear modular boundaries in code and easy extraction of modules to separate services if needed. The author explains why microservices are often overused and emphasizes the importance of building modular software and investing in DevOps.
The Comprehensive Capabilities of Elixir and Phoenix
Jason Stiebs explains why Elixir and Phoenix are an excellent choice for developers, highlighting the various features and advantages of the language and framework. Learn about the built-in support for concurrency, distribution, RPC, low resource usage, and more!
Enhancing LiveView with JavaScript for Dynamic User Experiences
In this video, Chris Nelson discusses the benefits of using LiveView in Elixir development, along with complex Javascript integration methods. It addresses scenarios for integrating Javascript, maintaining LiveView productivity, and fostering a better developer experience. It discusses using Custom HTML Elements and two libraries, `LiveElements` and `LiveState`.
Integrating Date Information with ChatGPT Using Phoenix LiveView
Mark Ericksen wrote an article about how to make ChatGPT date aware using Phoenix LiveView and hooks. He explains how to provide ChatGPT with the needed date information in a good text format and the importance of including the user's timezone for accurate results.
Creating Custom Bindings in Phoenix LiveView
Manos Emmanouilidis explains how to create custom client-side bindings for Phoenix LiveView, leveraging the convenience and composability of the commands API without having to tap into the caller API of Hooks and without writing a big chunk of tests on top.
Enhancing Junior Elixir Developer Skills
Savannah Manning explores the power of individualized learning in nurturing high-quality engineers, sharing her firsthand experience as a Junior Elixir developer and her journey of learning the language at a small startup that provided her with the ideal environment to grow and learn.
Building a Database Interface and PostgreSQL Proxy Using Elixir
Michael St Clair recently showcased how he utilized Elixir, Ecto, and LiveView to build a database GUI and discussed the usage of gen_tcp to create a Postgres proxy, along with the role of binaries in the Postgres message protocol context.
Creating WebAssembly with Elixir Using Orb
Patrick Smith shows how to create your own WebAssembly modules and integrate them with LiveView, highlighting why Elixir is a natural fit for authoring WebAssembly with its macros, composable modules, and Hex package manager.
Optimizing Phoenix LiveView for Enhanced Latency and Rendering Performance
José Valim discusses the performance benefits and optimizations in Phoenix LiveView, including rendering trees, change tracking, and LiveComponents.
Introduction to the Permit authorization library for Elixir Phoenix apps
Michał Buszkiewicz explores the features of the Permit library for managing resource authorization in Phoenix, LiveView, and Ecto. Discover how Permit automatically converts authorization conditions to Ecto queries and provides a mechanism for running them in controller and LiveView actions.
Implementing Magic Link Authentication in Phoenix LiveView
John Elm Labs shows you how to add magic link authentication to a Phoenix LiveView App. This step-by-step guide will help you implement this popular sign-in flow easily and securely.
Understanding Elixir's Strong Arrows in Gradual Typing
German Velasco explains the concept of strong arrows in Elixir, which is a new way of dealing with gradual typing. Strong arrows are functions that can be statically proven to error when evaluated on values outside of their input types.
Editing Forms Within Modals in Phoenix 1.7
Adam Lancaster shares a tutorial on how to edit a form in a modal using Phoenix 1.7 for Elixir. He provides step-by-step instructions and code examples, making it easy to follow along and implement in your own applications.
Introducing Beacon, a CMS for Phoenix LiveView
Leandro Pereira discusses how Beacon, a new content management system powered by Phoenix LiveView, brings innovations to the web development field by enabling high-performance rendering and template reloading at runtime, avoiding redeployments and achieving high SEO scores.
Exploring Elixir's Unique Observability Features
Lars Wikman shares insights on the observability features unique to the BEAM runtime and how Elixir has excellent tools for monitoring and debugging applications.
Creating Custom Data Visualizations in LiveView with SVG
Meks McClure & Mark Keele share their process of building interactive charts in Elixir, including evaluating existing libraries, hand rolling SVG charts, using LiveView and Tailwind, and adding interactivity and data appending with Phoenix streams.
Deep Dive into LiveView Processes in Elixir
Jason Stiebs delves into the process aspect of LiveView in his talk at ElixirConf 2023, exploring the implications and demonstrating how to spy on an active LiveView.
Introduction to LiveViewNative for Cross-Platform Development
Brooklin Myers delves into the powerful combination of Elixir and LiveView as they explore LiveViewNative application development for Android, iOS, and beyond.
Leveraging Elixir for Scalable Embedded AI Point of Sale Systems
Alfonso Gonzalez discusses their experience using Elixir for real-time monitoring of point of sales and integrating IoT devices, firmware development with Nerves, and exploring evision for AI inference at ElixirConf 2023.
Implementing Async Assigns with LiveView in Elixir
John Elm Labs explains how to use LiveView's Async Assigns for asynchronous data loading in LiveViews.
Streamlining MLOps with Elixir's Capabilities
Sean Moriarity shows how to do MLOps in Elixir, simplifying the deployment of machine learning models without much effort.
Learning Distributed Systems through Fantasy and Elixir
Kevin Avignon invites you to embark on an exciting adventure in his online book, 'Beware of Dragons: A Distributed Systems Adventure'. Join him as he combines the magic of fantasy with the world of computer systems to explore the secrets of distributed systems and make your own epic journey.
Developing AI Applications Using Elixir
Charlie Holtz discusses prototyping and deploying AI agents with Elixir, highlighting the benefits of using the BEAM + Elixir Agents for building specialized AI models and applications in a distributed, functional, and scalable manner.
Improving Elixir Test Suites with Custom Tricks
Testing in Elixir is pretty great. ExUnit, combined with the functional nature of Elixir, makes it very easy to test almost everything in your codebase. However, it is very easy for boilerplate to creep into your tests. Common setup patterns, similar assertions, and more can quickly make your test suite feel cumbersome.
Exploring Motion Tracking in Elixir with Bumblebee and LiveView
Katelynn Burns presents the Thursday keynote at ElixirConf US 2023, Orlando, FL. She explores the fascinating and complicated movement of bodies, discussing how LiveView's open socket design and Bumblebee's neural network capability can be used to create motion magic.
Insights and Lessons from Phoenix Framework Development
Chris McCord shares his insights on new features coming to Phoenix at ElixirConf US 2023 in Orlando, FL.
Exploring LiveView Native at ElixirConf 2023
Brian Cardarella gives an update on the progress of the LiveView Native project at ElixirConf US 2023 in Orlando, FL.
Integrating Prometheus Metrics and Grafana Dashboards with Elixir using PromEx
Alexandre Moreira Xavier shows you how to build your own Prometheus metrics using PromEx. PromEx is a library made by Alexander Koutmos that helps you integrate your Elixir application with Prometheus and Grafana.
Integrating a Custom Tooltip Component into a Phoenix Project
Andrew Timberlake has written a tutorial on adding a custom tooltip component to a Phoenix project using the PopperJS library. The post covers setting up the component, the live view, the CSS, and the Javascript, and demonstrating how to incorporate any Javascript library that requires bindings to an element in Phoenix through the use of Hooks.
Understanding Elixir's Low Latency Capabilities
Lars explores how Elixir leverages Erlang's soft real-time capability and consistently low latency to provide a near-realtime experience and enhance user satisfaction.
Implementing File Uploads in Real-time with Phoenix LiveView
The Fly.io team introduces LiveView Uploads as a solution for handling file uploads in Phoenix applications. Using LiveView, developers can achieve real-time upload progress, drag and drop functionality, and the ability to handle multiple uploads at once, all while hiding the complexity behind the scenes.
Asynchronous Task Management in Phoenix LiveView
In this blog post, Mark Ericksen explains how to build an asynchronous workflow in a LiveView using Elixir's concurrency primitives. He demonstrates how to link processes, trap exits, and handle tasks, providing a step-by-step guide to achieve an elegant and efficient solution.
Structured Logging in Phoenix Applications
Sophie DeBenedetto provides a guide on configuring a Phoenix LiveView application to use a structured logger with logfmt format and how to integrate it with AppSignal for log correlation. The post emphasizes the benefits of structured logging and offers tips on optimizing logging in Phoenix applications.
Setting Up a Phoenix Project with Gitpod for Remote Development
Richard Taylor shares his experience setting up a remote development environment for Phoenix using Gitpod. He provides a sample repository and explains the setup process, highlighting the ease of use and the benefits it offers to new developers and teams.
© HashMerge 2025