liveview-guidelines

What problem does it solve?

Phoenix LiveView patterns and best practices to reduce complexity, improve streaming data handling, JS interop, testing, and form handling across LiveView features.

Core Features & Use Cases

• Provides guidelines for using LiveView streams instead of regular assigns to manage collections.
• Outlines JavaScript interop practices including colocated hooks, phx-hook management, and colocation of scripts.
• Includes testing approaches using Phoenix.LiveViewTest and LazyHTML for reliable UI verification.
• Use Case: Teams reviewing or building LiveView features in apps like dashboards, chats, or real-time forms.

Quick Start

Review an existing LiveView page and apply the streams, hooks, and testing patterns outlined here to your feature.