Tag
#liveview
9 articles
LiveView Hub Patterns: Building Intelligence UI That Survives Contact With Reality
Intelligence workflows demand UI that streams, degrades gracefully, and never deadlocks the BEAM. Here are the LiveView patterns Prismatic uses across /hub β async mounts, PubSub fan-out, and the one rule that prevents 90% of prod crashes.
LiveView Streams for Large Datasets: 10k Rows Without the Memory Bill
Phoenix LiveView streams solve a problem most dashboards pretend they don't have: the DOM keeps every row you ever rendered. Here's when to reach for streams, when to reach for pagination, and the memory math behind the decision.
Phoenix PubSub Fan-Out Patterns: Topics Are a Contract
PubSub is free β until the fan-out is wrong and one broadcast wakes 10,000 LiveView sockets. Three topic naming rules that keep Prismatic's live dashboards responsive at scale.
Designing a Toast Notification System with Alpine.js
Building a production notification system with Alpine.js: animation management, severity levels, action buttons, auto-dismiss, and LiveView integration.
Real-Time Dashboards: Chart.js with Phoenix LiveView
Building real-time dashboards using Chart.js with LiveView hooks, handling live data updates, D3.js fallback patterns, and MetaMask browser extension compatibility.
Building an Error Intelligence Pipeline in Elixir
How we built PatternTracker, ErrorFeedLive, and a real-time error deduplication system with PubSub streaming for production visibility.
Interactive Academy: Learning Intelligence Engineering
Inside Prismatic Academy: self-registering learning topics, hands-on labs, ETS-backed topic registry, and how we built an interactive education system within a production platform.
LiveView Performance: Sub-250ms Page Loads
Achieving sub-250ms page loads in Phoenix LiveView requires careful attention to mount optimization, ETS caching, and error handling. This article shares the patterns we use across 30+ LiveView pages in production.
LiveView Performance Patterns for Complex Dashboards
Practical patterns for building high-performance Phoenix LiveView dashboards: defensive mounts, efficient assigns, PubSub-driven updates, and Chart.js integration with sub-150ms mount times.