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

Share this video with your friends

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.

Babak Badaei

~ 7 years ago

This lesson should go before the previous

Andrew Fritz

~ 7 years ago

Renam Savio de Paula

~ 7 years ago

If you export the component as you are exporting TodoForm and TodoList, in the React Dev Tools they show as Unknow component

Juraj

~ 6 years ago

I really like this react redux tutorial. it works for me even better then original tut from Dan Abr. :) It shows that store.dispatch exist in React Redux app too.

Antonio Santiago

~ 5 years ago

If you export the component as you are exporting TodoForm and TodoList, in the React Dev Tools they show as Unknow component @Andy Van Slaars, are Anonymous components a bad thing in React?

Antonio Santiago

~ 5 years ago

If you export the component as you are exporting TodoForm and TodoList, in the React Dev Tools they show as Unknow component

@Andy Van Slaars, are Anonymous components a bad thing in React?