Keep UI and State Synchronized Using Controlled Components in React with Redux

We’ll make the input field a “controlled component” by reacting to each change of the input and dispatching an action to the Redux store. Following this model gives us assurance that the UI is always a representation of the current application state.