Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Use a Reducer in a Functional Component with the useReducer Hook in React

    Chris AchardChris Achard

    Instead of multiple useState hooks, you can use a single useReducer hook to manage multiple pieces of data in a React component.

    This will feel very similar to Redux, but it will be defined for only a single component.

    This can trade off some of the complexity of using multiple useState hooks, but it just moves that complexity into the reducer function - so using useReducer vs multiple useState calls is mostly just a code style choice.



    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson