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 ponents you create.

Managing state with React and Redux

If you decide to use Redux in bination with React, you can then move all of the state from each of your React ponents into the overall Redux application state. Each ponent 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 ponents that deal with React's state (i.e. this.setState) since React-Redux is connecting the React ponents with Redux state by passing data into the container ponent as props?

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 ponents you create.

Managing state with React and Redux

If you decide to use Redux in bination with React, you can then move all of the state from each of your React ponents into the overall Redux application state. Each ponent 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 ponents that deal with React's state (i.e. this.setState) since React-Redux is connecting the React ponents with Redux state by passing data into the container ponent as props?

• javascript
• reactjs
• redux
• react-redux

• 2 Yes. Whether you should or not requires more discussion and specifics about your app. It's always nice to have a single source of truth though. – azium Commented Mar 24, 2016 at 20:04
• 1 Still when you want to stick to React only, but are searching for a more lightweight approach to handle ponent state, you could add a state management library like MobX (mobxjs.github.io/mobx). It can help you with the internal ponent state (medium./@mweststrate/…) but also store the state outside of your ponent. – Robin Wieruch Commented Aug 11, 2016 at 9:14

1 Answer 1

There are different opinions on this, but the general view seems to be that redux should only contain "application state". Individual react ponents 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 ponent state: https://github./reactjs/redux/issues/159

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

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