React Examples
The React showcase uses the workspace package and shared Portal shell.
State-management comparison
Open State Management Showcases
Local State, Redux Toolkit, Zustand, Jotai, Recoil, MobX, and Context API each expose Home, Simple, Complex, and Performance pages backed by one shared validation contract. Use the left navigation to compare identical behavior without duplicating policies or form UI.
Simple form
Shows local controlled state, required/email/phone/date/checkbox rules, blur and change validation, submit, inline messages, summary links, focus management, valid/invalid status, and reset.
Related guides: Quick Start, Field Validation, and Form Validation.
Complex form
Shows nested personal data, multiple addresses and contact methods, conditional secondary email, generated policies, three groups, dynamic add/remove actions, programmatic validation, sample data, save, and reset.
Related guides: Validation Policies, Validation Groups, and Dynamic Fields.
Performance form
Shows 80 generated fields, four groups, a generated large policy, validate-all, populate-valid, populate-invalid, reset, live timing, run count, page render count, and current errors.
Related guide: Performance.
Package source guide
The package README contains the install command, compact quick start, public hook summary, custom-control pattern, testing notes, and links back to these pages.