Redux Form - The best way to manage your form state in Redux

Redux Form - The best way to manage your form state in Redux

Forms are a frequent topic in web development as we saw in the earlier interview about a-plus-form.

Forms are a frequent topic in web development as we saw in the earlier interview about a-plus-forms. This time around, I'm interviewing Erik Rasmussen about a popular option, Redux Form.

Can you tell a bit about yourself?

Erik Rasmussen

I'm originally from North Carolina, but I hadn't lived in the US since late 2001, when I moved to Birmingham, England. I was there for four and a half years, and now I live in northern Spain with my Spanish wife and two bilingual kids. I'm a transatlantic telecommuter, working from home in Spain for my employer in the US.

I began using React immediately after it was open sourced in 2013, building side projects and ran into all of the state management problems that Flux was introduced to solve. I was active on the Reactiflux Slack channel as Redux was taking shape before its announcement in 2015, back when what is now called reducers were still called stores.

How would you describe Redux Form to someone who has never heard of it?

Web forms have a lot of state involved with them. It might seem like all you have to keep track of is the value of each field, but there is so much more. For example:

  • Which field currently has focus?
  • Are all the fields valid?
  • Which fields have errors?
  • Are we currently submitting the form?
  • Are we currently doing some sort of async validation as the user is filling out the form?
  • Which fields has the user visited (focused on)?
  • Which fields has the user touched (focused on and then left)?

Redux Form manages all of that state for you, providing each field with what it needs to render: its value and onChangeonBluronFocus, etc. props.

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Flutter Redux - Single Source of Truth - State Management

Redux State management is one of the older state management solutions in Flutter environment, but it still amazing. Brian Egan, the maintainer of the package...

Use Yup with Redux-form

I wanted to replace Joiand Redux-Form with Yupand Formik, respectively. “Now why would you want to do that!?”, you might ask. Well let’s quickly go through the reasons for Yup and Formik.

Two Ways of Managing State in a Functional React Form

In a registration form, using useState hooks for each input versus using a user object and a single useState hook. In this article we will explore two ways of tracking state using a simple registration form.

State Management: React’s Context API vs Redux !

Passing data to deeply nested child components can be cumbersome, especially when dealing with child components several levels down a component tree. Without React Context or Redux, we resort to a technique called “prop drilling” where we pass data down components even though some of those components don’t need that specific data. State Management: React’s Context API vs Redux !

React Redux Deep Dive: State Management in React with Redux

Introduction to State Management in React with Redux