redux-form/redux-form
Redux Form
redux-form is a library for managing HTML form state and validation within a Redux store using React components. It functions as a state manager that synchronizes input values and interaction metadata to maintain a single source of truth in a global state container.
The project provides mechanisms for orchestrating dynamic arrays of input fields that can be added, removed, or reordered in real time. It also includes a system for splitting complex data entry into a sequence of pages to create multi-step form wizards.
Additional capabilities cover client-side data validation through synchronous or asynchronous logic, form state initialization from existing data, and the normalization of values before they are saved to the store. It utilizes a higher-order component pattern to inject state and event handlers from the global store into React components.
Features
- Redux Implementations - Manages HTML form state using a centralized Redux store with actions, reducers, and immutable state.
- Form and Input Management - Synchronizes HTML form values and interaction metadata within a Redux store to maintain a single source of truth.
- Form Validation Schemas - Runs synchronous or asynchronous validation logic against the form state to generate field-level error messages.
- Data-to-UI Bindings - Synchronizes JavaScript state object properties with visual HTML input elements in real-time.
- React Form Libraries - Provides React-specific components and logic for managing form state and validation within a Redux store.
- Form Input Validation - Verifies the correctness of user input during entry or upon submission using sync or async logic.
- Higher-Order Components - Uses higher-order components to inject shared state and dispatch logic from the global store into input components.
- Client-Side Input Validators - Implements synchronous and asynchronous client-side validation to verify input correctness before submission.
- Form State Management - Provides a comprehensive solution for tracking input values, validation status, and submission lifecycles.
- State Selectors - Provides selector functions to efficiently extract specific field values or form status from the global Redux store.
- Multi-Step Orchestrators - Manages state and field persistence across multi-page form sequences to guide users through a structured process.
- Dynamic Block Input Connections - Links individual inputs and dynamic field arrays to a shared state container for unified tracking.
- Dynamic Input Fields - Allows users to programmatically add or remove multiple form fields at runtime.
- Form Submission Management - Handles the form submission lifecycle by collecting current field values into a single object for a custom handler.
- Form Wizards - Provides components to break complex data entry into a sequence of guided, multi-step pages.
- Dynamic Field Arrays - Provides utilities for managing structural lists of inputs that can be added, removed, or reordered.
- Value Initializers - Populates input fields with existing data from a state store to facilitate editing of saved records.
- Form Value Initialization - Provides strategies for initializing form fields with synchronous or asynchronous data retrieved from the store.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
