What are the 'Iron Laws' in this LiveView skill?

Iron Laws are critical performance guidelines, such as avoiding database queries in disconnected mounts and always using Streams for large lists to ensure O(1) memory usage.

Is this skill compatible with Phoenix LiveView 1.0?

Yes, it is specifically designed for the patterns and features introduced in Phoenix LiveView 1.0 and 1.1, including modern async handlers.

How does this skill improve LiveView memory management?

It provides specific patterns to replace regular assigns with Phoenix Streams and teaches how to use assign_async to prevent data duplication in closures.

Does this skill help with Ecto or standard Phoenix controllers?

No, this skill is specialized specifically for the LiveView lifecycle, real-time UI patterns, and socket-based interactions. It excludes Ecto and REST API logic.

Phoenix LiveView Patterns

Name: Phoenix LiveView Patterns
Author: oliver-kriska

byoliver-kriska

•

개발자 도구

Implement high-performance, real-time Elixir UIs using optimized LiveView 1.0 patterns and memory-efficient streaming.

This skill provides a comprehensive architectural reference for building robust Phoenix LiveView applications, specifically focused on versions 1.0 and 1.1. It enforces 'Iron Laws' to prevent common performance pitfalls, such as double database queries during the mount cycle and O(n) memory overhead in list rendering. By guiding developers through complex lifecycle events, asynchronous data loading with assign_async, and real-time PubSub synchronization, this skill ensures that Elixir-based web applications remain scalable, responsive, and maintainable.

주요 기능

01Memory-efficient list management implementation using Phoenix Streams

0262 GitHub stars

03Best practices for real-time PubSub and JavaScript interoperability

04Strict enforcement of 'Iron Laws' for optimized LiveView performance

05Standardized asynchronous data loading patterns with assign_async

06Logic-driven decision trees for component selection and navigation

사용 사례

01Architecting real-time interactive dashboards with PubSub and JS Hooks

02Implementing non-blocking asynchronous data fetching in complex LiveViews

03Optimizing large list performance to minimize server-side memory consumption

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oliver-kriska/claude-elixir-phoenix liveview-patterns

For use in Claude.ai and ChatGPT

Download Skill