Redux: the MVC Framework for Data

Submitted May 10, 2020

Duration of the session: 35 mins full talk

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.

Outline

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.

Requirements

none

Speaker bio

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.

Slides

https://robrich.org/slides/redux-mvc-for-data/#/

All submissions

Comments

Hosted by

ReactFoo

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more

ReactFoo-VueDay Hyderabad edition