Gathering detailed insights and metrics for react-redux-form
Gathering detailed insights and metrics for react-redux-form
Gathering detailed insights and metrics for react-redux-form
Gathering detailed insights and metrics for react-redux-form
redux-form
A higher order component decorator for forms using Redux and React
react-redux-easy-form
Form hooks for react applications with ability to configure fields and validate theirs values
react-redux-form-materialize
Basic input controls for react-redux-form leveraged by Materialize Material UI framework
informed
A lightweight framework and utility for building powerful forms in React applications
npm install react-redux-form
Typescript
Module System
Node Version
NPM Version
JavaScript (100%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
2,057 Stars
1,701 Commits
248 Forks
35 Watchers
112 Branches
97 Contributors
Updated on May 03, 2025
Latest Version
1.16.14
Package Id
react-redux-form@1.16.14
Unpacked Size
1.14 MB
Size
224.95 kB
File Count
256
NPM Version
6.4.1
Node Version
10.15.3
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
7
4
40
React Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant.
npm install react-redux-form@latest --save
1# Dependencies (you probably already have these) 2npm install react react-dom redux react-redux --save 3 4# version 1.x.x 5npm install react-redux-form@latest --save
<LocalForm>
If you want to get up and running with forms quickly without having to set up Redux, just use Local Forms:
1import React from 'react'; 2import { LocalForm, Control } from 'react-redux-form'; 3 4export default class MyApp extends React.Component { 5 handleChange(values) { ... } 6 handleUpdate(form) { ... } 7 handleSubmit(values) { ... } 8 render() { 9 return ( 10 <LocalForm 11 onUpdate={(form) => this.handleUpdate(form)} 12 onChange={(values) => this.handleChange(values)} 13 onSubmit={(values) => this.handleSubmit(values)} 14 > 15 <Control.text model=".username" /> 16 <Control.text model=".password" /> 17 </LocalForm> 18 ); 19 } 20}
That's all you need. Seriously. Read the Documentation for more information.
NOTE: Please use <LocalForm>
with react-redux
version 4.x.x or 5.x.x.
For more fine-grained control (such as using custom reducers, storing form state globally, dispatching actions, etc.), you'll want to set up a Redux store for your forms.
Be sure to read the step-by-step quick start guide in the documentation.
1import React from 'react'; 2import { createStore } from 'redux'; 3import { Provider } from 'react-redux'; 4import { combineForms } from 'react-redux-form'; 5 6import MyForm from './components/my-form-component'; 7 8const initialUser = { name: '' }; 9 10const store = createStore(combineForms({ 11 user: initialUser, 12})); 13 14class App extends React.Component { 15 render() { 16 return ( 17 <Provider store={ store }> 18 <MyForm /> 19 </Provider> 20 ); 21 } 22}
1// ./components/my-form-component.js' 2import React from 'react'; 3import { connect } from 'react-redux'; 4import { Control, Form } from 'react-redux-form'; 5 6class MyForm extends React.Component { 7 handleSubmit(val) { 8 // Do anything you want with the form value 9 console.log(val); 10 } 11 12 render() { 13 return ( 14 <Form model="user" onSubmit={(val) => this.handleSubmit(val)}> 15 <label>Your name?</label> 16 <Control.text model=".name" /> 17 <button>Submit!</button> 18 </Form> 19 ); 20 } 21} 22 23// No need to connect()! 24export default MyForm;
When posting an issue, please include a detailed description along with a relevant code sample. Attaching a failing test case with your issue will go a long way and is much appreciated.
Feel free to fork this CodePen or this CodeSandbox for quickly creating reproducible examples!
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 10/16 approved changesets -- score normalized to 6
Reason
project is archived
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
88 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-14
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More