12.5K ·GitHub
What is this?
Redux Form is a higher-order component for React that uses react-redux to keep all of your form state in a Redux store instead of in local component state.
Redux Form is a higher-order component for React that uses react-redux to keep all of your form state in a Redux store instead of in local component state.So it's a library I wire into my own React app, not a standalone tool?Right — it's a JavaScript library published on npm: you import it and wrap your own form components with it; nothing standalone gets installed or run.
Right — it's a JavaScript library published on npm: you import it and wrap your own form components with it; nothing standalone gets installed or run.How do I add it to a project?Run npm install --save redux-form, then follow the Getting Started guide; the README also links full API docs, examples and a FAQ.
Run npm install --save redux-form, then follow the Getting Started guide; the README also links full API docs, examples and a FAQ.Does my app need anything in place before it works?Your project must already use React with Redux connected via react-redux — Redux Form plugs into that store; the package targets Node 8.10 or newer.
Your project must already use React with Redux connected via react-redux — Redux Form plugs into that store; the package targets Node 8.10 or newer.Is it still the recommended way to build forms in React?No — the README itself warns that the community consensus is not to put form state in Redux. The author recommends React Final Form instead, and migrating is easy because the component APIs are so similar.
No — the README itself warns that the community consensus is not to put form state in Redux. The author recommends React Final Form instead, and migrating is easy because the component APIs are so similar.When does Redux Form still make sense then?Only when you need really tight coupling of your form data with Redux — for example subscribing to and modifying form values from parts of the app far from the form, like another route.
Only when you need really tight coupling of your form data with Redux — for example subscribing to and modifying form values from parts of the app far from the form, like another route.Can I try it without setting up a project?Yes — the README links code sandboxes where each example runs live, from a simple form up to a full multi-step wizard.
Yes — the README links code sandboxes where each example runs live, from a simple form up to a full multi-step wizard.What do the sandbox examples cover?Synchronous, field-level, submit and asynchronous blur validation, initializing from state, field arrays, remote submit, normalizing, Immutable JS, selecting form values and a wizard form.
Synchronous, field-level, submit and asynchronous blur validation, initializing from state, field arrays, remote submit, normalizing, Immutable JS, selecting form values and a wizard form.Why did the author stop recommending Redux Form for new projects?Maintaining it taught him where form state really belongs; he distilled those lessons into React Final Form and explains his reasoning in a blog post and two conference talks.
Maintaining it taught him where form state really belongs; he distilled those lessons into React Final Form and explains his reasoning in a blog post and two conference talks.Is Redux Form abandoned?Not quite — the repo isn't archived and has collected over 12,000 GitHub stars since 2015, but the README steers new projects to React Final Form, with Formik mentioned as another nice option.
Not quite — the repo isn't archived and has collected over 12,000 GitHub stars since 2015, but the README steers new projects to React Final Form, with Formik mentioned as another nice option.What are similar projects?cleave.js, formik, normalizr, vee-validate, react-jsonschema-form, joi, formily, zustand
cleave.js, formik, normalizr, vee-validate, react-jsonschema-form, joi, formily, zustandWhich topics is it in?form-validation, form, forms, validation, react-components, redux, state-management, npm-package, javascript-library, deprecated, web-development, react
form-validation, form, forms, validation, react-components, redux, state-management, npm-package, javascript-library, deprecated, web-development, react