LiveView Rendering Lifecycle

Critical Understanding

LiveView renders happen in TWO phases:

1. Static/Disconnected Render - Initial HTTP request, server-side HTML

   • No WebSocket connection
   • No live functionality yet
   • connected?(socket) returns false

2. Connected Render - WebSocket established, full LiveView active

   • Live updates work
   • Events are handled
   • connected?(socket) returns true

The Problem: Uninitialized Assigns

During static render, socket assigns may not be fully initialized: