How does it handle form state during network disconnects?

The skill provides guidance on using unique form IDs and phx-change handlers to enable LiveView's automatic client-side recovery of input values.

Can it help with multi-file uploads?

Yes, it provides implementation patterns for allow_upload, live_file_input, and processing entries within the phx-submit callback.

How does this skill handle LiveView form errors?

It implements a two-layered error visibility model, ensuring that changeset actions are correctly set and using the used_input?/1 helper to prevent premature error displays.

Does it support dynamic nested forms?

Absolutely. It covers advanced usage of inputs_for, including adding or removing fields dynamically and utilizing Ecto's sort and drop parameters.

Phoenix LiveView Forms

Name: Phoenix LiveView Forms
Author: wunki

bywunki

•

Herramientas para Desarrolladores

Builds and debugs robust Phoenix LiveView forms with changeset validation, file uploads, and automatic state recovery.

This skill provides specialized guidance for implementing and troubleshooting complex forms within the Phoenix LiveView framework. It streamlines the creation of interactive, changeset-backed forms, ensuring best practices for real-time validation, per-field error feedback using used_input?, and seamless form recovery after socket disconnections. Whether handling simple inputs or complex nested associations and multi-file uploads, this skill helps developers maintain DOM stability and high-performance user interfaces.

Características Principales

01Nested form management with inputs_for and sort/drop params

02Smart error feedback logic with used_input?/1 integration

03Changeset-backed validation patterns using to_form/2

04Automatic form recovery and state persistence on reconnect

05Comprehensive file upload workflows via allow_upload

0617 GitHub stars

Casos de Uso

01Building dynamic, multi-step forms with nested associations and file attachments

02Debugging issues with missing error messages or lost focus in LiveView templates

03Implementing real-time validation and debouncing for complex Ecto schemas

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wunki/amplify liveview-forms

For use in Claude.ai and ChatGPT

Download Skill