skills.rest
microsoft
microsoftOFFICIAL
Explore all skills by this author →
Website𝕏@OpenAtMicrosoftGitHub

reactor-forms

Automate Reactor form building with built-in validation and masked inputs.

609|44|Updated Apr 16, 2026
Search Tags:#csharp#validation#forms#mvvm#reactor#winui#formfield
One-click install
npx skills add https://github.com/microsoft/microsoft-ui-reactor --skill reactor-forms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reactor-forms
Source: https://github.com/microsoft/microsoft-ui-reactor/tree/main/plugins/reactor/skills/reactor-forms
Command: npx skills add https://github.com/microsoft/microsoft-ui-reactor --skill reactor-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a cohesive, declarative pattern for building forms in Reactor, eliminating scattered, ad-hoc validation code by centralizing validation in a UseValidationContext and per-field validators.

Core Features & Use Cases

  • UseValidationContext() to track per-field messages and touched/dirty state.
  • FormField wrapper for labeled inputs and error display.
  • MaskEngine for masked input (phone, SSN, etc.).
  • InputFormatter for on-the-fly formatting (currency, casing, etc.).
  • Built-in validators: Validate.Required, Validate.Email, Validate.MinLength, Validate.MaxLength, and more.
  • Use cases include data-entry forms, sign-up flows, and settings screens requiring field validation and formatting.

Quick Start

Create a simple form with TextBox, UseState, and UseValidationContext to validate a required email field.

Frequently Asked Questions about reactor-forms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add form validation to WinUI desktop apps without scattering validation logic?▼

Real-time form validation in Reactor WinUI apps tracks per-field messages and touched/dirty state within a validation context, eliminating ad-hoc validation code by co-locating state and providing declarative error handling for data-entry screens.

How do I create masked inputs for phone numbers or SSN in WinUI forms?▼

Masked inputs for phone numbers or SSN in WinUI forms are created using a MaskEngine integrated with FormField wrappers, allowing controlled inputs to apply formatting rules while maintaining real-time validation state.

Can I format text on the fly in a Reactor WinUI text box?▼

On-the-fly text formatting in a Reactor WinUI text box is handled by an InputFormatter, enabling automatic currency formatting or text casing as users type into controlled inputs bound to the form.

What built-in validators are available for Reactor form fields?▼

Built-in validators for Reactor form fields include Validate.Required, Validate.Email, Validate.MinLength, and Validate.MaxLength, which can be applied directly to controlled inputs within a UseValidationContext to enforce data-entry rules.

Does Reactor support co-located state for sign-up flows and settings screens?▼

Reactor supports co-located state for sign-up flows and settings screens by combining UseState with UseValidationContext, allowing each FormField to manage its own validation messages, input masking, and formatting helpers declaratively.

Related Skills

Explore More Software Engineering Skills→
kusutorikusutori

reactor-forms

Creates controlled-input forms with built-in and custom validation in Reactor.

Community
Intermediate
sawzhangsawzhang
3

pdf

Extract text and form data from PDFs into structured outputs.

Community
Advanced
altrupetsaltrupets

MVVM Pattern

Implement the MVVM pattern in Flutter using provider and ChangeNotifier.

Official
Intermediate
a35506322a35506322

regle-rules

Implement Vue 3 form validation using Regle built-in and custom rules.

Community
Intermediate