react-syntax-forms
OfficialBuild reliable React forms with confidence.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Help developers avoid the common pitfalls of React form building, such as mixing controlled and uncontrolled patterns and missing accessibility best practices, by providing structured guidance for forms in React 18/19 and deterministic patterns.
Core Features & Use Cases
- Clear guidance on controlled vs uncontrolled inputs, including when to use value/onChange vs defaultValue
- Support for React 19 form actions, useFormStatus, useActionState, and useOptimistic
- Validation patterns, file inputs handling, and accessible form structure with ARIA attributes
Quick Start
Create a small React 19 form with a controlled input and a form action to observe pending state and result.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-syntax-forms Download link: https://github.com/OpenAEC-Foundation/React-Claude-Skill-Package/archive/main.zip#react-syntax-forms Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.