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.
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.
Creating a Source Code Inspector for Elixir Projects
Abhijit Kar ツ introduces a new tool for front-end web development—a Source Code Inspector designed to aid navigation and understanding of code in large Elixir projects and teams.
Inquiry about Phoenix Video Course Resources
TwoWrongsAreSoRight is seeking recommendations for good Phoenix video tutorials to supplement their learning from the Pragmatic Studio Elixir course.
Implementing Empty States in Phoenix LiveView with Tailwind CSS
George Arrowsmith explains how to create empty states for Phoenix LiveView streams with the aid of Tailwind CSS, a feature introduced in Phoenix 1.7.
Experience of a Phoenix veteran with Ash framework for the first time
Oliver Mulelid-Tynes shares his initial experiences as an experienced Phoenix developer trying out the Ash framework while developing a weightlifting application.
Integrating Phoenix LiveView with OpenAI for Real-time Streaming
Benjamin Reinhart discusses using Phoenix LiveView to stream OpenAI chat completions in real-time to a website's users.
Uploading Files to S3 Using Phoenix LiveView
Joshua Plicque explains how to implement file upload functionality in a Phoenix LiveView application, enabling direct uploads to Amazon S3.
Implementing OpenTelemetry in Elixir Applications
The author discusses their experience incorporating OpenTelemetry into a LiveView Elixir application designed to parse FIT files for personal analytics relating to file processing times and failure rates.
The Suitability of LiveView for Responsive Web Applications
Author skwyckl is exploring if Phoenix LiveView is suitable for building a responsive web application for managing personal movable assets, especially for mobile browser compatibility.
Interactive Graphing in Elixir with Vegalite and Phoenix LiveView
This article showcases how to create dynamic and interactive graphs using the Vegalite Elixir library in combination with Phoenix LiveView. It requires writing some JavaScript to render the Vega specification.
Using Cond Calculations in Ash Framework
Mykolas Mankevicius shares insights on implementing conditional logic in Ash calculations for Elixir resources.
Integrating Svelte with Phoenix LiveView for Enhanced Reactivity
Wout De Puysseleir introduces LiveSvelte, a project that integrates Svelte into Phoenix LiveView applications to provide end-to-end reactivity.
Recent Exciting Developments in Elixir
Mysterious-Answer407 seeks an update on Elixir's exciting developments after a two-year gap, looking to reignite their passion for the language.
Workshop on Building Native Applications with Phoenix LiveView and LiveView Native
Instructor Brooklin Myers, associated with DockYard, leads a workshop on creating LiveView Native applications. Participants learn to combine Livebook interactive notebooks with LiveView Native to extend Phoenix LiveView applications for native functionality, focusing on iOS development.
Building a Webcam Sticker/Avatar Generator with Elixir and Phoenix LiveView
gonglexin details the creation of a new Elixir-powered project, Poker Face, that can transform webcam feeds into avatars and query image content with GPT.
Discussion on 'Programming Phoenix LiveView' with the Authors
Sophie DeBenedetto, Bruce Tate, and Steven Nunez discuss their book 'Programming Phoenix LiveView'.
Rethinking LiveView's Potential
Jason Stiebs, a core team member of LiveView, shares his initial skepticism about LiveView and how his perspective has changed. He acknowledges his initial resistance due to negative experiences with previous technologies and being jaded by the JavaScript ecosystem. However, after using LiveView in various production projects, from replacing old SPAs to adding interactivity to static sites, he realized its potential.
Integrating Svelte with Phoenix LiveView for Reactive Web Experiences
Ryan Cooke demonstrates the integration of Svelte with Phoenix LiveView to create reactive web experiences. By utilizing Svelte's reactive properties and Phoenix LiveView's functionalities, developers can craft efficient UIs with less redundant state management, allowing seamless data flow from backend to browser.
Building Embedded Web Apps with LiveState in Elixir
In a talk by Chris Nelson, a new approach for building embedded web applications with Elixir using LiveState is introduced. Instead of relying on APIs, LiveState offers a LiveView-like experience in environments where the front end is not served by Phoenix.
Improving App Performance with LiveView Flame Graph Profiling
DockYard Staff Software Engineer Mike Binns explains the advantages of using Flame On, a LiveView component, for profiling and identifying performance issues in Elixir/Phoenix applications. He details how inefficiencies can affect application performance and how Flame Graphs can be utilized effectively.
Launching Elixir and LiveView on a Large Scale with Lessons from Cars.com
Zack Kayser shares the experience of re-platforming Cars.com with Elixir, Phoenix, and LiveView.
Building a Product MVP with Elixir LiveView: Challenges and Strategies
Miki Rezentes discusses the journey and insights gained from using Phoenix's LiveView to build a minimum viable product (MVP).
A Journey from JavaScript Frustration to Elixir Embrace
Roberto Pando shares his journey from JavaScript to the joy of programming with Elixir and Phoenix.
Timezone Handling in Phoenix LiveView
The video tutorial presents an update to a previous approach for handling timezones in Phoenix LiveView. It demonstrates how to remove the need for client-side hooks when sending timezone information to the server, instead using the LiveView mount callback to receive timezone information directly and reduce the number of required round trips.
Insights from Sophie DeBenedetto on Programming Phoenix LiveView
Adolfo Neto conducted an interview with Sophie DeBenedetto, co-author of Programming Phoenix LiveView.
Improving Modal Accessibility with Phoenix LiveView Helpers
This article discusses two Phoenix LiveView helpers that improve the accessibility and user experience of modal dialogs: the .focus_wrap component and the JS.focus_first/2 function.
Combining Elixir's LiveView with JavaScript for Enhanced Interactivity
Augusto Alonso shares insights on overcoming the challenges of integrating a UI library with a Phoenix LiveView project, highlighting the conflicts between JavaScript's client-side nature and LiveView's server-side approach.
Veeps Streaming Service Scalability Case Study with Elixir
Hugo Baraúna discusses the use of Elixir in scaling Veeps, a streaming service, to support hundreds of thousands of concurrent viewers. He covers architectural changes, benefits, and experiences post-adoption of Elixir.
Overview of the Phoenix LiveView Course on Pluralsight
Carlos Souza recently published a course titled 'Phoenix LiveView: The Big Picture' on Pluralsight.
Elixir Video Course for Building a Minimum Viable Product
Peter Ullrich announces the release of his video course 'Build an MVP with Elixir' on Gumroad.
Advancement Strategies for an Elixir Developer
An individual expressing a desire to advance their career as an Elixir developer seeks advice on how to 'level up' their skills, considering the creation of OTP clusters, LiveView web applications, learning Erlang, and understanding AWS.
© HashMerge 2024