When do I choose React state Vs Redux Store

by

If the state doesn’t need to be shared with other components, or the state doesn’t need to be keep when the component is unmounted, then you can just put it in the component’s state.

You can think that the Redux store is the database of front-end, if you have something like product data fetched from an API, then the Redux store is the right place; if you have a dropdown component, which takes a isOpen prop, then the parent of that dropdown can just keep dropdownIsOpen as a component state.

For more information, here is the answer from Dan: https://github.com/reactjs/redux/issues/1287

Also you said

only 1 container component and the rest of it as stateless component

This is incorrect. You can have several container components. A container component can also contain another container component.

More Related Contents:

  1. React setState not Updating Immediately
  2. Updating an object with setState in React
  3. What is mapDispatchToProps?
  4. What is the best way to access redux store outside a react component?
  5. What is use of curly braces in an ES6 import statement?
  6. How can I persist redux state tree on refresh?
  7. Attach Authorization header for all axios requests
  8. What is the best way to redirect a page using React Router? [closed]
  9. Can I dispatch an action in reducer?
  10. Handling async request with React, Redux and Axios?
  11. React – Display loading screen while DOM is rendering?
  12. Use Connect or pass data as props to children
  13. Add element to a state React
  14. Axios get in url works but with second parameter as object it doesn’t
  15. Redux: Why is avoiding mutations such a fundamental part of using it?
  16. ReactJS lifecycle method inside a function Component
  17. Element type is invalid: expected a string (for built-in components) or a class/function
  18. Use history.push in action creator with react-router-v4?
  19. next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps
  20. How does connect work without mapDispatchToProps
  21. Trace why a React component is re-rendering
  22. React: Parent component re-renders all children, even those that haven’t changed on state change
  23. TypeError: evt.target is null in functional setState
  24. getting error: Cannot read property state of undefined
  25. ‘TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined’
  26. Jest setup “SyntaxError: Unexpected token export”
  27. How to fix 431 Request Header Fields Too Large in React-Redux app
  28. Update single value in item array | react redux
  29. My Redux state has changed, why doesn’t React trigger a re-render?
  30. Typescript + React/Redux: Property “XXX” does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes

Leave a Comment