liveview-optimistic-ui

@wunki/amplify

17

•published 2026/03/13

Implements optimistic UI patterns in Elixir Phoenix LiveView: instant client feedback before server confirmation, loading states, rollback/revert on failure, race condition guards, stream insert/delete animations, undo windows, and accessibility for async interactions. Use when the user needs LiveView interactions to feel immediate, wants to add loading indicators or spinners, needs to handle double-submit or double-click, wants to animate stream inserts or deletes, needs undo/rollback for destructive actions, is dealing with stale data or flicker under latency, or needs aria-live announcements for optimistic state changes. Don't use for general LiveView form validation or changeset errors (use liveview-forms instead), non-LiveView frontend frameworks (React, Vue, Svelte), or server-side performance optimization unrelated to perceived UI responsiveness.