unform/unformArchived
Unform
Unform es un gestor de estado de formularios de React diseñado para manejar el estado, la validación y el envío de formularios de entrada de usuario complejos. Utiliza una API de formulario no controlada que minimiza los re-renders utilizando referencias en lugar de estado sincronizado para gestionar los datos del formulario.
La biblioteca cuenta con un mapeador de datos anidados que organiza los campos en objetos y matrices jerárquicos utilizando alcance y notación de puntos. También incluye un adaptador de entrada personalizado para conectar componentes de UI de terceros y entradas no estándar al estado centralizado del formulario, y un motor de validación que verifica los datos enviados contra esquemas definidos para mapear mensajes de error a campos específicos.
Sus capacidades incluyen la gestión centralizada del estado para la inicialización y el restablecimiento de datos, el manejo de carga de archivos y el enmascaramiento de entrada de usuario. El sistema proporciona control programático sobre el envío de formularios y acceso directo por referencia a elementos de entrada individuales.
Features
- React Form Libraries - Provides a comprehensive system for managing state, validation, and submission of complex forms in React.
- Form State Management - Provides a comprehensive system for tracking input values, validation status, and submission lifecycles in complex forms.
- Performant Form State Management - Implements a reference-based uncontrolled API to minimize re-renders and optimize performance in complex React forms.
- Dot-Notation Value Retrievers - Implements dot-separated key paths to retrieve and organize values within nested objects and arrays.
- Form Validation Schemas - Maps validation failure paths from schemas to specific registered input identifiers for error assignment.
- Nested Form Data Structures - Organizes form inputs into nested objects and arrays to match complex backend data structures.
- Schema-Based Form Validation - Checking user input against schemas and displaying real-time error messages without compromising application speed.
- Nested Field Containers - Creates hierarchical data structures within forms to map to backend relationships while maintaining UI reusability.
- Reference-Based State Tracking - Minimizes React re-renders by tracking form values via direct element references instead of synchronized state.
- Form Data Validation - Checks submitted values against defined schemas to ensure data requirements are met before processing.
- Form Field State Management - Tracks individual field values and validation status to keep the user interface in sync.
- Hierarchical Form Data Mappers - Organizes form fields into hierarchical objects and arrays using scoping and dot notation.
- Form Validation Engines - Verifies submitted form data against defined schemas and maps error messages to specific input fields.
- Form Value Initialization - Populates input fields with predefined values during component mounting or after asynchronous data fetches.
- Uncontrolled Input Registrations - Uses uncontrolled input patterns to capture user data from DOM elements and mobile views using references.
- Manual Submission References - Executes the submission process via a reference function to collect and process all registered field data.
- Inline Validation Displays - Maps validation failure messages to specific input fields for immediate inline visual feedback.
- Third-Party Library Integrations - Connects external component libraries to a centralized state manager using custom references and value paths.
- Custom Form Field Components - Allows linking third-party components to form state by defining how to get, set, and clear their values.
- Custom Component Registration - Provides a system for registering complex UI components into form state by defining methods to retrieve, set, and clear values.
- Third-Party Form Library Adapters - Provides a custom input adapter to connect third-party UI libraries and non-standard elements to the form state.
- Form Data Binding - Enables binding non-standard form elements to form state via references and defined value updates.
- Form Field State Integrations - Assigns error messages to specific fields or the global form state to provide user feedback.
- Field Groups - Organizes related inputs into named logical groups to manage state and validation for complex structures.
- Form Reset Handlers - Allows clearing input values or specific fields automatically after submission or manually via a reference.
- Programmatic Form Control - Allows programmatically updating field values and triggering submissions through direct references to form instances.
- Programmatic Form Submissions - Provides a reference function to execute data collection and validation independently of native browser form events.
- Arbitrary Component Bindings - Implements a mechanism to connect arbitrary UI components to form state by defining how to get, set, and clear values.
- Programmatic Form Submissions - Enables submitting form data through a programmatic function call instead of requiring a user click.
