No need for state in React components if using Redux and React-Redux?

Question

Managing state with React only

I understand that if you're creating an application using React only, you will end up managing all of your state within different React components you create.

Managing state with React and Redux

If you decide to use Redux in combination with React, you can then move all of the state from each of your React components into the overall Redux application state. Each component that requires a slice of the Redux application state can then hook into the state via React-Redux's connect function.

Question

Does this mean that you no longer need to write any React components that deal with React's state (ie this.setState ) since React-Redux is connect ing the React components with Redux state by passing data into the container component as props ?

Answer 1

There are different opinions on this, but the general view seems to be that redux should only contain "application state". Individual react components like dropdowns or modals will still have their own state.

There is still a lot of debate on this though, check out this issue for example about how to manage local component state: https://github.com/reactjs/redux/issues/159

Some projects have been popping up that are trying to solve this "problem":

• redux-react-local
• recompose withReducer (more for reducer semantics for local, not global state)