DEV Community

Cover image for React-Redux flow
Cathy Diaz
Cathy Diaz

Posted on

1

React-Redux flow

The react-redux flow, how it flows from getting information from your forms to your store state.

  • On your form, an event handler is triggered.
  • Once that event has been triggered, it is going to dispatch an action to the redux store.

Dispatching an action is the only way to trigger a state change. dispatch(action)

  • The store then, is going to run the reducer function

Reducer function passes in state and action. Then it uses the switch statement to change between cases depending on the dispatch type.

Switch statements render one component at a time when you have multiple components to render.

  • Switching between cases, the state will update accordingly.
  • And finally the UI will re-render with the new updated data

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay