ReactFoo-VueDay Hyderabad edition

React and Vue for performance engineering and front-end development

Attend

Redux: the MVC Framework for Data

Submitted by Rob Richardson (@robrich) on May 10, 2020

Duration of the session: 35 mins full talk Status: Submitted

Abstract

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.

Links

Slides

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

Preview video

https://robrich.org/filters/video/

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}