Menu
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill form-form-stateO comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.
Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.
Exibindo SKILL.md
Baseado na classificação ocupacional SOC
| name | form-form-state |
| description | null |
Category: form · Status: 🟢 Active
Khi quản lý trạng thái form: dirty/touched/isSubmitting, default values, reset.
defaultValues đầy đủ để field controlled từ đầu.formState.isDirty để bật/tắt nút Save, cảnh báo rời trang khi dirty.isSubmitting để tránh double submit.reset(data) để set lại default + clear dirty.isValid/touchedFields để hiện lỗi đúng lúc (sau khi chạm).const { reset, formState: { isDirty, isSubmitting } } = useForm({ defaultValues });
useEffect(() => { if (data) reset(data); }, [data, reset]);
<button type="submit" disabled={!isDirty || isSubmitting}>
{isSubmitting ? 'Đang lưu...' : 'Lưu'}
</button>
Good: reset(data) sau fetch, disable theo isDirty/isSubmitting. Avoid: defaultValues thiếu (uncontrolled→controlled warning), không reset sau load.