@schema-engine/forms-react

React implementation of the JSON Form Engine with type-safe components, form adapters, and comprehensive validation support.

Overview

The React package provides production-ready components and hooks for building dynamic, JSON-configured forms. It integrates seamlessly with @schema-engine/forms and supports popular form libraries through an adapter system.

This package is designed for modern React applications, leveraging hooks, context, and efficient rendering patterns to handle complex form requirements with ease.

Key Features

  • Type-Safe Builder: Full TypeScript inference for form configurations and components.
  • Adapter System: Built-in React Hook Form adapter, extendable to other libraries.
  • Rich Component Library: Pre-built, accessible form elements (input, select, array, etc.).
  • Flexible Layouts: Visual organization components like Cards, Split Screens, and Hero Backgrounds.
  • Multi-Step Support: Comprehensive stepper systems for wizard-style forms.
  • Advanced Validation: Integration with 15+ built-in validation rules and custom validators.
  • Lifecycle Actions: Execute HTTP requests, redirects, and state changes on form events.
  • Responsive Grids: CSS Grid-based layouts for complex form structures.

Advanced Capabilities

Beyond basic form rendering, the package supports enterprise-grade requirements:

  • Constraint Logic: Dynamic visibility and behavior based on field values.
  • GDPR Consent: Built-in consent tracking and management.
  • Analytics: Easy integration with Google Tag Manager (GTM).

Next Steps