final-form/final-form
Final Form
Final Form is a framework-agnostic form state management library that tracks values, errors, and validation states for web applications. It operates as a reactive state engine, allowing individual form inputs to subscribe only to the specific state slices they require, such as values, touched status, or errors, in order to prevent unnecessary component re-renders across large forms.
The library manages core form orchestration features including field registration, initialization, submission handling, typed data support, and integration with standard document elements or component-based rendering libraries. It includes utilities for managing dynamic field arrays that can be added, removed, and reordered, alongside submission lifecycle hooks and automated focus shifting to the first invalid field upon a rejected submission attempt. Validation capabilities support global form errors, collection-level error mapping, and schema-based form generation.
Features
- Form State Management - Handles comprehensive form state tracking, validation states, and submission workflows in a framework-agnostic manner.
- Form Rendering Optimization - Subscribes individual form elements only to specific state slices to prevent unnecessary re-renders across large forms.
- State Management UI Bindings - Connects the form state engine directly to component-based rendering libraries to handle user inputs and updates efficiently.
- Form Field State Management - Connects individual input controls to the central form manager to track their values and user interactions.
- Form Field Subscriptions - Subscribes individual inputs to specific properties like values, touched status, and errors for targeted re-renders.
- Form State Subscriptions - Operates as a high-performance state container subscribing individual inputs to specific property updates to prevent re-renders.
- Submission Lifecycle Hooks - Triggers custom callback functions during different phases of the form submission process including attempts and successes.
- Vanilla JS Library Integrations - Integrates directly into standard document elements to track values, validation, and submission without a view library.
- Dynamic Field Arrays - Manages repeating collections of form inputs that can be added, removed, and reordered dynamically.
- Form Data Submission - Triggers validation checks and executes designated handler functions with collected form values upon submission.
- Form Validation Libraries - Returns global submission or validation errors that apply to the entire form rather than individual fields.
- Form Value Initialization - Instantiates a new form management object using a configuration object to track values and errors accurately.
- Performant Form State Management - Minimizes unnecessary component re-renders across large forms by subscribing individual inputs to specific state slices.
