Redux: the MVC Framework for Data
The MVC Pattern provides elegant abstractions for web requests. Redux provides similar patterns for data movement in React. Angular has RxJS and Vue has VueX with similar patterns. Let’s dig deep into the way data flows through the Redux pattern, demo strategies to get started, and look at ways to debug and troubleshoot it when things go wrong. You’ll leave with a solid understanding of the Redux pattern and appropriate times to use it.
The flux data pattern has a circular data flow, not that unlike MVC. We compare and contrast the approaches, then dig into the getting-started code for Redux. We enumerate the common pitfalls one can hit with Redux, and highlight solutions for discovering and correcting these errors. As questions arise, we’ll compare Redux to React Hooks, and compare react-redux to useState. Users leave with a GitHub repo of all the code examples so they can continue learning.
Rob Richardson is a software craftsman building web properties in ASP.NET and Node, React and Vue. He’s a Microsoft MVP, published author, frequent speaker at conferences, user groups, and community events, and a diligent teacher and student of high quality software development. You can find this and other talks on https://robrich.org/presentations and follow him on twitter at @rob_rich.