alibaba/formily
Formily
Formily is a schema-driven framework designed for building complex web forms by decoupling business logic and validation rules from the underlying user interface. It utilizes a declarative JSON schema to define form structures, allowing developers to manage data collection and field interactions independently of specific component libraries or frontend frameworks.
The system is built upon a reactive observable state engine that synchronizes form data, validation status, and field interactions in real time. By employing a recursive tree traversal and a centralized event bus, the engine manages granular updates across the form structure, ensuring high performance even in complex, nested layouts.
Beyond its core engine, the project provides a visual builder interface that enables the construction of sophisticated form layouts through drag-and-drop configuration. This approach allows for the standardization of data collection processes and the creation of reusable form definitions across large-scale applications.
Features
- Schema-Based Generators - Enables building complex web forms by defining structures in JSON schemas to decouple data logic from the user interface.
- Declarative Form Schemas - Provides a framework for building complex web forms using declarative JSON schemas to decouple field definitions from rendering.
- Reactive Form Builders - Provides a reactive engine for tracking and synchronizing form data, validation, and field interactions in real time.
- Reactive State Management Libraries - Ships an observable state engine that synchronizes form data and validation status with the user interface in real time.
- Configuration-Driven Schemas - Uses declarative JSON schemas to define form structures and validation rules at runtime.
- Schema-Driven Generators - Generates dynamic form interfaces and validation logic from standardized JSON schema definitions.
- Form and Input Management - Manages complex form logic and validation consistently across different frontend frameworks and component libraries.
- Form Builders - Includes a drag-and-drop interface for designing complex form layouts and configurations without manual code.
- Form Management - High-performance, extensible form management for TypeScript.
- Forms - Unified form solution for complex enterprise applications.
- Forms and Validation - Unified solution for complex form management.
- UI Data Observers - Tracks field values and validation status using a reactive observer pattern to trigger granular UI updates.
- Form State Management - Synchronizes form data and validation status across complex, nested component structures using an observable engine.
- Block-Based Form Builders - Integrates drag-and-drop interfaces for designing sophisticated form layouts without manual coding.
- Framework-Agnostic Rendering - Decouples core form logic from specific UI component libraries by delegating rendering to external adapters.
- Tree Traversal Engines - Navigates and processes hierarchical form structures recursively to inject state-bound properties into nested components.
- Headless Logic Decoupling - Separates business logic and state management from visual rendering layers to ensure framework-agnostic form definitions.
- Forms - Standardizes data collection processes across large applications through reusable form schemas and centralized validation.
