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.

redux-formredux-form

Features

Star history