illustration for React State Management in 2021

React State Management in 2021


Joel Hooks
7h 49m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
people completed
Published 2 years ago
Updated a year ago

Managing state in a UI is challenging. It's genuinely difficult and the solutions require a depth of knowledge and experience to understand. Everything is a balance of tradeoffs in complexity, performance, and user experience.

This is a series of interviews with experts, open-source maintainers, and UI developers that have combined decades of experience building stateful UI applications for millions of users.

Part interview, part screen share, these videos should benefit you if you're building web applications.

They focus on React, but the underlying principles are valid for UI work in general (and beyond)!

Questions to Think About:

  • How do you know when you need to use a state management library?
  • Why is state management challenging?
  • Why does state need to be managed?

Learner Reviews

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    It's a useful research compilation of the current status of the state management for frontend applications today.

    Romel Pérez
    11 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    Literally made me decide to use state machines to power the component library we're making for our company.

    a year ago

Course Content

7h 49m • 9 lessons

    You might also like these resources:

    illustration for Introduction to State Machines Using XState
    Kyle Shevlin・58m・Course

    We will explore the problems state machines purport to solve, like boolean explosion. We'll try to solve it our own way first, get so far, and then demonstrate how state machines get us all the way. After that, we'll dive into the XState library, JavaScript's premiere state machine library, to learn its API and how to use it to solve our problems.

    illustration for Reusable State and Effects with React Hooks
    Elijah Manor・57m・Course

    By the end of this course, you'll learn how to: Run (and Skip) side-effects with the useEffect hook, Write a custom hook to share logic in your app, Simplify the Context API with the useContext hook, Update state with dispatch actions using the useReducer hook, Optimize Components with useMemo

    illustration for Redux with React Hooks
    Jamund Ferguson・42m・Course

    Recent updates to redux exposing a hooks-based API address some of its most serious drawbacks and make it even more appealing. This course will show you how to apply redux to a modern react hooks application. I hope you leave this course with a continued appreciation for React Hooks and renewed enthusiasm for Redux.