Skip to content
Get packs

Formily vs redux-form

Which should you use? A side-by-side look at what each one does, who it suits, what it costs, how hard it is to set up, and where each falls short.

Formily

Open source · MIT

A form library for React and Vue that handles complex and JSON-schema-driven forms.

Full review Website
redux-form

Open source · MIT

A React library that stores HTML form state in a Redux store.

Full review Website

The short answer

Choose Formily if you need…

  • Frontend developers building data-heavy forms with many linked fields
  • Teams that want forms generated from JSON Schema sent by a back end
  • Projects already using Ant Design or Alibaba Fusion components
  • Teams that want a visual form builder (Designable) alongside the library

Choose redux-form if you need…

  • React developers who already use Redux and want form state in the same store
  • Apps where parts of the UI far from the form (such as another route) need to read or change form values
  • Teams maintaining an existing project that already uses redux-form

Side-by-side

Formilyredux-form
TypeLibraryLibrary
PriceFree and open sourceFree and open source
LicenceMITMIT
GitHub stars12.6k12.5k
Setup difficultyIntermediateIntermediate
How you get itInstall with a package managerInstall with a package manager
Main languageTypeScriptJavaScript
Last code update17 months ago2 years ago

What each one is

Formily

Formily is a TypeScript form library that helps developers build forms in React, React Native, Vue 2, and Vue 3. It manages each field's state separately so large forms with many linked fields don't re-render the whole page. It also supports JSON Schema, so forms can be described as data, for example by a back end.

redux-form

redux-form is a React library, built as a higher-order component on top of React Redux, that keeps the state of an HTML form inside a Redux store. It is meant for developers who already use Redux and want form values readable and changeable from elsewhere in their app. The README itself recommends most new projects use React Final Form or Formik instead, unless they specifically need tight coupling between form data and Redux.

Best for

Formily

  • Frontend developers building data-heavy forms with many linked fields
  • Teams that want forms generated from JSON Schema sent by a back end
  • Projects already using Ant Design or Alibaba Fusion components
  • Teams that want a visual form builder (Designable) alongside the library

redux-form

  • React developers who already use Redux and want form state in the same store
  • Apps where parts of the UI far from the form (such as another route) need to read or change form values
  • Teams maintaining an existing project that already uses redux-form

Strengths

Formily

  • The README says field state is managed independently, which aims to avoid slow re-renders in linked forms
  • Supports converting between JSON Schema and its own JSchema format
  • Released under the permissive MIT license

redux-form

  • Form state lives in Redux, so it can be inspected and updated from anywhere in the app
  • Includes a documented set of examples covering validation, field arrays, and wizard forms
  • Released under the permissive MIT license

Not ideal for

Formily

  • Simple forms with a few inputs, where a lighter library is enough
  • Projects not using React or Vue, since the README lists only those frameworks
  • Non-developers who want a no-code form tool; the README describes it as a developer library

redux-form

  • Developers starting a new project with no need for form state in Redux; the README recommends React Final Form or Formik instead
  • Non-React projects, since it is built specifically on React and React Redux
  • Beginners who do not yet know React and Redux, since the library assumes both

Trade-offs

Formily

  • The README is short and covers little API detail, so setup needs the official documentation site
  • The README mentions two website versions (1.0 and 2.0), so check you are reading the right docs

redux-form

  • The README says the author now recommends other libraries for most new projects
  • Documentation links point to version 8.2.2 docs, while the latest release is v8.3.10, so docs may lag the release
  • Keeping form state in Redux adds boilerplate compared with lighter form libraries

Getting started

Formily

Install the core package

npm install @formily/core
Step-by-step guide: how to use Formily

redux-form

Install redux-form with npm

npm install --save redux-form
Step-by-step guide: how to use redux-form

Frequently asked questions

What is the difference between Formily and redux-form?

Formily: A form library for React and Vue that handles complex and JSON-schema-driven forms. redux-form: A React library that stores HTML form state in a Redux store. Formily suits frontend developers building data-heavy forms with many linked fields, while redux-form suits react developers who already use redux and want form state in the same store.

Are Formily and redux-form free?

Formily: Free and open source. redux-form: Free and open source.

Is Formily or redux-form more popular?

Formily has more GitHub stars (12.6k) than redux-form (12.5k). Popularity isn't the same as fit — check which one matches your use case above.

What are other alternatives to Formily and redux-form?

Other options people compare them with include React Hook Form, VeeValidate, Ajv, VueUse, SoybeanAdmin.

Keep comparing

Formily alternativesredux-form alternativesFormily vs VueUseAjv vs FormilyFormily vs React Hook FormFormily vs WatermelonDBFormily vs VeeValidateReact Hook Form vs redux-formredux-form vs VeeValidate

Built from our catalogue entries for both products: open-source details come from each project's README (AI-assisted, refreshed weekly) and GitHub data; AI-tool details are editorial. Spotted something wrong? Let us know from either product's page.